将CSS.supports（）与媒体查询一起使用？

Question

我想确定浏览器是否支持通过Javascript进行特定的媒体查询。

例如，浏览器是否支持悬停检测？

CSS.supports('@media ((hover: hover)');
// false

^此语法无效。

即使浏览器实际上可以使用@media ((hover: hover)：

window.matchMedia('(hover: hover)').matches;
// true

任何人都可以描述在媒体查询中使用CSS.supports的语法吗？ 还是显示另一种方法来通过Javascript确定特定的媒体查询支持？

Answer 1

否。

仅提供对property: value的测试支持。

CSS Conditional Rules Module Level 3添加了测试选择器的功能。

没有测试来支持悬停。

请注意，即使在支持该功能的浏览器中，用户也可能无法访问它（例如，如果他们使用不带鼠标/触控板等的传统台式机浏览器）。