【问题标题】:Browser support for @import浏览器支持@import
【发布时间】:2014-03-24 12:05:38
【问题描述】:

每当我使用一些 CSS 属性时,我都会在 www.caniuse.com 上检查浏览器对它的支持,虽然它们还没有包含 Opera Mini 8,但它仍然是一个不错的网站。

现在对于一个项目,我有多个有条件使用的 CSS 文件,所以我必须使用 @import 规则,但我不知道浏览器支持,我也在 www.caniuse.com 上查看过,但它不是在那里,我用谷歌搜索了它,但是每个网站和博客都在讨论对@media 规则的支持,而不是@import,他们只讨论@import 更好或使用 grunt 等缩小 css 更好。

谁能告诉我浏览器对@import 的支持是什么,我可以使用它吗?

【问题讨论】:

    标签: html css styles gruntjs


    【解决方案1】:

    根据MDN@import 支持所有主要桌面和移动浏览器,以及 IE/IE 移动版 5.5+。

    Also note:

    Netscape 4.x 和 IE 3.x 不支持 @import 规则。互联网 Explorer 6 及以下不支持媒体指定。 IE 4.x 有 对@import 规则的一些支持,但它参差不齐,最好不要 依靠它。

    【讨论】:

      【解决方案2】:

      当然你可以使用@import。你问为什么没有在不同的网页设计博客等上讨论它,所以我认为原因是因为它的支持如此广泛,以至于没有必要再讨论它的支持了。

      IE 4.x 对@import 规则有一些支持,但后来的版本(甚至 IE 5 也被认为是旧版浏览器,不再使用它)支持@import 规则。

      所以去吧,无所畏惧地使用它,但正如你在问题中所说,如果你已经在使用 node.js,当然还有更好的方法,比如 grunt。

      【讨论】:

        【解决方案3】:

        最好不要使用@import,
        使用@import 不是最佳实践。当周围有某些不理解样式的浏览器时,@import 很棒,因为你可以说在 html 注释的情况下,所以如果用户代理(浏览器)不理解 @import 规则,它不会导入它,所以你可以使用@import 定位特定的浏览器。但是现在已经过去了,每个现代或较旧的浏览器都支持它,因此没有理由将它用于诸如 grunt 或其他结合和缩小您的样式的技术,从而也减少 HTTP 请求。 @import 不如使用链接标签高效,而且它的使用范围也不广。

        【讨论】:

          猜你喜欢
          • 2012-04-10
          • 2019-07-30
          • 2012-02-14
          • 2010-11-24
          • 2015-03-09
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多