css - 如果我指定了不受支持的媒体查询属性会怎样？

Question

您有类似 this 的问题, 和 this也就是说，如果浏览器不支持媒体查询，那么整个事情都会被忽略。

我需要知道的是如果浏览器支持媒体查询但不支持特定属性会发生什么。例如，以下内容将针对纵向宽度不超过 750 像素的任何设备。现在，假设我在不支持“方向”属性的设备上运行它。 orientation 属性会应用于任何小于 750px 的设备，还是会忽略整个设备？

@media screen and (min-device-width:750px) and (orientation: portrait){ 

/*some css rule*/

} 

Answer 1

来自您的 link :

If the browser doesn't support Media Queries then nothing happen it's ignore everything inside the condition.

对于您的问题，这意味着，如果浏览器不知道一个媒体查询(您与 和 连接)，所有媒体查询都将被忽略。您可以像这样“发明”自己的媒体查询来测试它:

@media screen and (test: "test"){
    body {
        background-color: green;
    }
}

fiddler :http://jsfiddle.net/JVqqd/如您所见，查询被忽略，因为测试未知，但它可能是 future 的媒体查询。

@李斯特先生根据Can I use没有关于媒体查询的问题是已知的，所以都遵循这个概念