Question

我想根据客户端浏览器是否支持悬浮来区分样式。我读到媒体功能可以胜任工作，所以我使用以下结构：

/* Supports hovering */
@media (hover: hover) { ... }

/* Does not support hovering */
@media (hover: none) { ... }

虽然这在Chrome上正常运行（请参见以下规格），但在Firefox上却收到错误Expected media feature name but found ‘hover’。我感到惊讶，特别是因为在developer.mozilla.org上我读到了有关使用hover作为媒体功能的信息。

除了可以在Firefox上运行之外，我还需要做其他事情吗？

例如，this example关于hover作为一种媒体功能在我的Firefox上不适用于我，而在Chrome上却适用。

Chrome浏览器：版本67.0.3396.79（正式版本）（64位）
Firefox：：60.0.2（64位）

Answer 1

此媒体功能仅适用于> = 64的Firefox版本：