谷歌浏览器不支持css文件使用@charset "utf-8";
今天测试网页的时候,发现网页在firefox和ie各版本下都显示正常,但是换了谷歌浏览器chrome,原本好好的网页一下子面目全非,仔细检查了css文件和html,并没有发现什么错误的地方,原本使用的css sprite也无法正常运行,所有图片都显示不出来了。
最终鼓捣鼓捣,去掉了css文件中的编码声明@charset "utf-8"; ,噢!一切正常了!
这是一个比较诡异的问题,有些CSS添加编码声明显示是正常的,而有些就不正常,莫非是chrome的bug?
本文版权归露兜博客所有,转载引用请完整注明以下信息:
本文作者:Ludou
本文标题:谷歌浏览器不支持css文件使用@charset "utf-8";
本文地址:http://www.ludou.org/chrome-not-suppost-charset.html
不用加引号吧…
你可以看一下W3C的文档,规范写法是带引号的
http://www.w3.org/International/questions/qa-css-charset
那你的网页是不是GB2312编码的?
utf-8编码
CSS中的字体可能是宋体等中文字体。
未使用任何中文字体!
那真是BUG啦,以前我写入了中文字体出现过某些浏览器不兼容的情况。
这个好像不是bug,我也有这个问题所以搜索到了这里。
我的解决方法是将第二个css文件里的@charset去掉;
也就是说单一一个页面内不允许发生第二次@charset声明
当时也许是这个问题吧。
现在一个CSS,写了@charset声明,没出现问题!
今天我的博客里的ul也是在声明了charset后出现在谷歌浏览器下多凹了几像素进来,删除完声明后就兼容了