谷歌浏览器不支持css文件使用@charset "utf-8";
如需帮忙改代码,或者WordPress二次开发、PHP网站建设等需求,可联系我购买付费服务: 点此联系我
今天测试网页的时候,发现网页在firefox和ie各版本下都显示正常,但是换了谷歌浏览器Chrome,原本好好的网页一下子面目全非,仔细检查了css文件和html,并没有发现什么错误的地方,原本使用的css sprite也无法正常运行,所有图片都显示不出来了。
最终鼓捣鼓捣,去掉了css文件中的编码声明@charset "utf-8"; ,噢!一切正常了!
这是一个比较诡异的问题,有些CSS添加编码声明显示是正常的,而有些就不正常,莫非是chrome的bug?
-- 完 --
本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息:
原文出处:露兜即刻 https://www.ludou.org/chrome-not-suppost-charset.html
不用加引号吧…
@Little Fox 你可以看一下W3C的文档,规范写法是带引号的
http://www.w3.org/International/questions/qa-css-charset
那你的网页是不是GB2312编码的?
@westup utf-8编码
CSS中的字体可能是宋体等中文字体。
@Skyoy 未使用任何中文字体!
@Ludou 那真是BUG啦,以前我写入了中文字体出现过某些浏览器不兼容的情况。
这个好像不是bug,我也有这个问题所以搜索到了这里。
我的解决方法是将第二个css文件里的@charset去掉;
也就是说单一一个页面内不允许发生第二次@charset声明
@小武 当时也许是这个问题吧。
现在一个CSS,写了@charset声明,没出现问题!
@Ludou 今天我的博客里的ul也是在声明了charset后出现在谷歌浏览器下多凹了几像素进来,删除完声明后就兼容了
谢谢,我也出现这我问题,我去掉看看!
去掉;就可以了
我也出现这个问题,不过我是加了;或者直接去掉整个@charset就不会有问题了,不知道为什么
一群白痴,被楼主忽悠了,和臭棋篓子下棋,棋越下越臭
@charset="UTF-8";
这个才是王道!!!
他那个格式都是错的,哪里会有作用???一群白痴
@yugi111 哪本书或者哪篇文档有这种加 = 的写法说明?
麻烦提供网页链接或截图,方便大家学习一下,谢谢!
@yugi111 不会有官方文档规定这个UTF必须大写的吧。。。
@Yakima Teng 目测是在说要有等号?刚刚才实践过,加上等号会报错。 这里是标准
http://www.w3.org/International/questions/qa-css-charset
新建了一个CSS文件,为什么第一行会报错@charset not allowed here
@charset "utf-8";
/* CSS Document */
h2 {
font-size: 18px;
font-family: "楷体";
}