javascript - 将 CSS.supports() 与媒体查询一起使用？

Question

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

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

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

^ 此语法无效。

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

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

谁能描述一下使用 CSS.supports 和媒体查询的语法？ 或者展示一种不同的方式来通过 Javascript 确定特定的媒体查询支持？

Answer 1

没有。

CSS Conditional Rules Module Level 3仅提供对 property: value 的测试支持。

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

没有提供悬停支持测试。

请注意，即使在支持它的浏览器中，用户也可能无法访问它(例如，如果他们使用没有鼠标/触控板等的传统桌面浏览器)。