@supports究竟能测试(或不测试)?

时间:2018-05-11 22:01:10

标签: css cross-browser feature-detection

出于@supports的目的,什么算作有效的“feature query”?我一直在尝试,到目前为止,它不支持(错误地返回false)2018 Chrome / FF / Safari中的许多支持功能:

(div:nth-child(3))
(width:max-content)
(width:minmax(auto,50%))
// ... and so on ...

这些似乎对我来说是“property:value pairs”。它的参数是什么?

1 个答案:

答案 0 :(得分:1)

您无法使用@supports测试选择器。它需要一个声明,例如max-width: 10emcolor: black。由于函数是语句的一部分,例如width: calc(100% - 12px),因此也可以接受。

有关详细信息,请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/%40supports