我有一个名为 register.html 的 html 文件。
<!DOCTYPE html>
<html>
<head>
<title>Register</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap 4 -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Rancho" rel="stylesheet">
<!-- Custom css Style -->
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1 class="hello">Hello</h1>
</body>
</html>
css 文件与 html 文件位于同一文件夹中。 这是 style.css 文件。
.hello {
font-size: 100px;
}
当我运行代码时,它说无法加载资源 style.css。
当我使用 safari 打开原始文件时,它可以工作,但是当我使用 flask 服务器时,它不起作用。
我的代码有什么问题?
最佳答案
style.css
很可能被浏览器解析为类似 http://your-server.com/style.css
的内容(暗示您正在查看它来自服务器根目录中的 index.html
),因此如果您的文件不在同一目录中或网络服务器未配置为提供此类文件,浏览器将不会加载它。
关于html - 即使正确链接也无法加载资源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55525851/