谷歌浏览器不支持css文件使用@charset "utf-8";

日期: 标签:CSSWeb故障排除网页设计
如需帮忙改代码,或者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
露兜
kaapass@outlook.com  QQ 825533758

业余编程爱好者。

18 条留言

点此留言
  1. Little Fox Little Fox

    不用加引号吧…

    • Ludou

      @Little Fox 你可以看一下W3C的文档,规范写法是带引号的
      http://www.w3.org/International/questions/qa-css-charset

  2. westup

    那你的网页是不是GB2312编码的?

  3. Skyoy Skyoy

    CSS中的字体可能是宋体等中文字体。

    • Ludou

      @Skyoy 未使用任何中文字体!

      • Skyoy Skyoy

        @Ludou 那真是BUG啦,以前我写入了中文字体出现过某些浏览器不兼容的情况。

  4. 小武

    这个好像不是bug,我也有这个问题所以搜索到了这里。
    我的解决方法是将第二个css文件里的@charset去掉;
    也就是说单一一个页面内不允许发生第二次@charset声明

    • Ludou

      @小武 当时也许是这个问题吧。

      现在一个CSS,写了@charset声明,没出现问题!

      • 情封 情封

        @Ludou 今天我的博客里的ul也是在声明了charset后出现在谷歌浏览器下多凹了几像素进来,删除完声明后就兼容了

  5. 菜花网 菜花网

    谢谢,我也出现这我问题,我去掉看看!

  6. zwxscience

    去掉;就可以了

  7. fangge fangge

    我也出现这个问题,不过我是加了;或者直接去掉整个@charset就不会有问题了,不知道为什么

  8. yugi111

    一群白痴,被楼主忽悠了,和臭棋篓子下棋,棋越下越臭

    @charset="UTF-8";

    这个才是王道!!!
    他那个格式都是错的,哪里会有作用???一群白痴

    • 露兜

      @yugi111 哪本书或者哪篇文档有这种加 = 的写法说明?
      麻烦提供网页链接或截图,方便大家学习一下,谢谢!

    • Yakima Teng Yakima Teng

      @yugi111 不会有官方文档规定这个UTF必须大写的吧。。。

      • 潇枫残玥 潇枫残玥

        @Yakima Teng 目测是在说要有等号?刚刚才实践过,加上等号会报错。 这里是标准
        http://www.w3.org/International/questions/qa-css-charset

  9. 江河

    新建了一个CSS文件,为什么第一行会报错@charset not allowed here
    @charset "utf-8";
    /* CSS Document */
    h2 {
    font-size: 18px;
    font-family: "楷体";
    }

发表留言