非webkit浏览器忽略具有webkit特定功能的@media查询

时间:2014-03-22 17:51:56

标签: css webkit media-queries

我试图传递以下@media查询,但在所有非webkit浏览器中都被忽略了:

@media not all and (-webkit-transform-2d) and (-webkit-transform-3d) and (-webkit-transform) {[...]}

我期望发生的是所有不返回所有三个功能的webkit浏览器都会被传递,这也是会发生的事情。

同样,基于Safari documentation @media查询,我希望所有非webkit浏览器在所有三个功能上都返回false,因为它们不支持它们,但是@media查询会被忽略。

我查看了W3C documentation,但我不确定如何正确解释它。

有人可以帮我找到错误或其他方式来设置在查询中未返回true的浏览器中的元素样式吗?

我对JavaScript解决方案不感兴趣。

谢谢。

顺便提一下,特定于供应商的@viewport查询也因某些原因而被忽略。

1 个答案:

答案 0 :(得分:1)

您可以使用条件规则@supporthttp://www.w3.org/TR/css3-conditional/#at-supports