有人可以告诉我为什么这个页面的CSS样式没有在Chrome上加载？这是链接：http://otownsend.ca/html/lokafyinfographic.html
我非常感谢任何人的帮助。
答案 0 :(得分：1)
按F12并转到控制台选项卡。你会看到消息：
无法加载资源：服务器响应状态为404（未找到）
这意味着您的css文件无法使用。
答案 1 :(得分：1)
你的CSS加载好了。实际上你可以view it here。
如果在Windows上打开控制台F12，您将看到以下错误 -
Failed to load resource: the server responded with a status of 404 (Not Found)
http://otownsend.ca/html/css/bootstrap.min.css
因此，您似乎未将bootstrap.min.css文件包含在服务器上，或者您提供的href错误。
这是对的吗？ - <link href="css/bootstrap.min.css" rel="stylesheet">？
尝试将其替换为 - <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css rel="stylesheet">
同样，您似乎也错过了full-slider.css文件。尝试为您的文件提供正确的路径，它应该可以正常工作。
更新 -
看起来你遇到了缓存问题。这有一个简单的解决方法 -
每次更新CSS文件时，在文件名末尾都有一个新的查询字符串，例如href="../css/lokafyinfographic.css?version=1"。如果用户在其浏览器中缓存了lokafyinfographics.css，则用户可能无法看到您的最新更改。因此，如果您添加查询字符串?version=1左右，它将强制其浏览器查找该文件。
除非您的服务器被编程为对查询字符串执行任何操作，否则浏览器将安全地忽略它，但会加载并缓存新的CSS文件。因此，每次进行更新时，都会在?version=2中添加一个新的查询字符串，如href左右。
希望有所帮助！