注意:我继承了这个网站,我没有建立它。
主页突然不工作了。看起来这是一个CSS问题。当我进入 Safari(Mac) 中的网络检查器时,我点击打开 CSS,它显示了一堆看起来像日本字符的东西。不知道会发生什么。除了进行一些基本的内容(HTML)更改之外,我从未对该站点做过很多事情。他们说也没有其他人在做出改变。该站点的其余部分使用不同的样式表,并且工作正常。有任何想法吗?这是网站。提前致谢!
注意:我继承了这个网站,我没有建立它。
主页突然不工作了。看起来这是一个CSS问题。当我进入 Safari(Mac) 中的网络检查器时,我点击打开 CSS,它显示了一堆看起来像日本字符的东西。不知道会发生什么。除了进行一些基本的内容(HTML)更改之外,我从未对该站点做过很多事情。他们说也没有其他人在做出改变。该站点的其余部分使用不同的样式表,并且工作正常。有任何想法吗?这是网站。提前致谢!
问题是由 HTML 文档的编码引起的:它是 UTF-16LE 编码的。您可以看到这一点,例如在 Firefox 上打开它,通过查看菜单检查正在应用的编码,然后通过该菜单手动将编码更改为 ISO-8859-1。您会看到,当解释为 ISO-8859-1 时,文档以“ÿþ”开头,这是 UTF-16 中的字节顺序标记。(这会覆盖meta
声称文档为 ISO-8859-1 编码的标签的效果。)
由于外部 CSS 文件没有关于 HTTP 标头或文件内容中编码的信息提供服务,因此浏览器将不得不做出猜测。IE 正确猜测它是 Ascii 编码,但其他浏览器使用 HTML 文档的编码。如果您使用两个 Ascii 字符并将它们解释为 UTF-16 代码单元,您通常会得到一个中文 (CJK) 字符。
由于 UTF-16 通常不应该在 Web 上使用,解决方法是在编辑器中打开 HTML 文档,并将其保存为 ISO-8859-1 编码或类似的编码,例如 windows-1252。例如,在记事本上,使用“另存为”并选择“ANSI”格式。
这里的回答方迟到了,但我找到了另一种解决方案,可以在 html 正在呈现但 css 文件以日文(或中文我不确定!)特殊字符出现的情况下工作。
解决方案对我来说更简单:
我将属性 charset="UTF-8" 添加到在 Html 文件中导入 css 文件本身的行中。
这对我有用,因为它解决了在 chrome 检查器源视图中以日语打开 css 文件的问题
汉字通常是不正确的 Unicode 编码的结果(Unicode 本质上是 ASCII 之后出现的),可能是 UTF-16。如果我在 Chrome 中的选项卡下查看该文件,它看起来很正常,但如果我在 Chrome 的检查器/控制台中查看它,它看起来像乱码。 只需保存文件的副本,下载Notepad++之类的内容,安装、运行并打开文件,然后尝试使用不同的 UTF 编码或 Ascii 保存它的副本,将您的 html 链接到它,看看是否有帮助.
编辑:
或者地狱,我为什么要你这样做,当我可以使用pastebin < - 请注意链接,我只是为你粘贴了我的副本。
Jukka 的建议似乎很合理。问题似乎不是css文件而是html文档。我的编辑推荐应该有效,但许多其他编辑也应该如此。(我几乎想删除这个答案,但我认为指出一个常见错误可能很有用。)
I know I'm late but here it goes: Exactly WHAT is causing the issue, I'm not sure, but ultimately, its an issue with the character set. The solution above worked for me ("I added the property charset="UTF-8" to the line that imports the css file itself in the Html file"), probably because specifying the charset directly in the CSS link overrides whatever the issue is.