所以这可能是最基本的,我不明白我做错了什么。我在 Windows 10 上使用 IIS(用于开发\实践)并且我的 Web 根目录中只有两个文件:default.htm 和 style.css
default.htm
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="bodystuff">
Stuff
</div>
</body>
</html>
样式.css
#bodystuff {
font-family: Georgia;
font-size: 5em;
}
我的问题(很可能是我遗漏了一些愚蠢的东西)是当我用 IE 打开页面时(如果重要的话是 11)它打开时很好,我 body 里的东西使用我的 style.css 正确呈现文件。但是,如果我使用 Firefox 打开同一个网站,该网站呈现的效果就好像我根本没有配置任何样式一样。
关于我遗漏了什么以便在使用 IE 或 FF 打开网站时使用我的 CSS 有什么建议吗?
最佳答案
最终原因是我的 default.htm 和 style.css 文件的文件编码不同。我使用 UTF8 重新创建了文件,现在它可以工作了。 Firefox 似乎对 CSS 和 HTML 文档之间的文件编码非常敏感。感谢@AlexanderO'Mara 将我指向 Firefox 的开发者控制台,我找到了解决方案,它显示了一个警告,然后我搜索并找到了关于 here 的讨论。 .
关于css - 基本 CSS 不适用于来自 IIS8 的非 IE 浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38492664/