媒体查询有什么问题？

Question

W3C standards doc说：

  

当其中一个指定的媒体功能未知时，用户代理将媒体查询表示为“并非全部”。

然后它给出了以下示例：

<link rel="stylesheet" media="screen and (max-weight: 3kg) and (color), (color)" href="example.css" />

然后它说第一个媒体查询将被表示为“not all”并且评估为false，第二个媒体查询被评估为好像第一个未被有效指定。

为什么会那样。我希望这是因为max-weight的3kg值不是有效值，这在doc中没有作为理由解释。但是，我无法看到任何未知的媒体功能，但“未知媒体功能值”，在“未知媒体功能”之后的文档中单独讨论。我认为这个示例应该放在“未知媒体功能值”下面，而不是“未知媒体功能”中。

Answer 1

示例所指的未知媒体功能是max-weight。遇到这种情况后，3kg值不再相关，因为它永远不会适用，因为浏览器首先不知道如何处理max-weight。所以它完全跳过了媒体查询，让你有效地做到了这一点：

<link rel="stylesheet" media="not all, (color)" href="example.css" />

与此相同：

<link rel="stylesheet" media="(color)" href="example.css" />

媒体功能在another section中有所描述。第一句话说明：

  

从语法上讲，媒体特征类似于CSS属性：它们具有名称并接受某些值。

因此，首先描述媒体功能本身的错误处理，然后处理它们的值才有意义。