【问题标题】:Clarification of W3 css standard media query - "only"澄清 W3 css 标准媒体查询 - “仅限”
【发布时间】:2013-09-29 11:26:32
【问题描述】:

我想使用 media 属性链接到基于用户代理的不同 css 文件。我对如何使用关键字“only”感到困惑。 W3 网站声明“可选的‘only’关键字可用于对旧版浏览器隐藏样式表。浏览器处理以‘only’开头的媒体查询,就好像‘only’关键字不存在一样。”这不是不表态吗?我读它的意思是“如果存在关键字'only',旧浏览器会忽略它。”那为什么要用呢?我知道我在这里遗漏了一些重要信息。有人可以帮忙吗?

【问题讨论】:

    标签: css user-agent media-queries


    【解决方案1】:

    only 关键字可隐藏不支持媒体查询的旧浏览器的样式表。

    更多信息可以在这里找到:https://developer.mozilla.org/en/CSS/Media_queries

    【讨论】:

      【解决方案2】:

      “如果关键字 'only' 存在,旧版浏览器会忽略它。”

      是的。 “它”是专门的 CSS3 媒体查询(您将看到的大多数),而不是有限/愚蠢的早期媒体查询。

      那为什么要用呢?

      为了避免让浏览器检测和处理错误:至少这意味着错误控制台不会填充无关消息,在许多情况下它会避免向用户显示对话框和/或调试器窗口,有时它甚至意味着浏览器不会在您的页面上“拒绝”完全拒绝显示它。

      【讨论】:

        【解决方案3】:

        *only * 之类的查询是相同的表示形式,因此兼容的浏览器通过从表示形式中删除 only 关键字来正确解释它。

        旧版浏览器无法识别only,将其解释为未知媒体类型,将查询评估为false,并忽略(跳过)样式表。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2022-01-25
          • 2021-08-23
          • 2012-02-15
          • 1970-01-01
          • 2012-01-06
          • 2019-12-09
          • 1970-01-01
          相关资源
          最近更新 更多