为媒体查询添加前缀 *(例如 *-device-width)是否是 @media 规则的有效查询?

Is prefixing a media query with *, such as *-device-width, a valid query for the @media rule?

我们公司的一些网站使用@media 规则,其中查询使用设备宽度,例如

@media (max-device-width:800px) {} //various rules

我在搜索我们公司网站的 CSS 以查找任何过时的规则时遇到 this link。作者断言星号前缀例如 *-device-width 可以用于媒体查询,并且由于它是 Google link 这个断言必须是正确的:p

我无法用我当前的设置对此进行测试。我尝试将此规则应用于 W3School 及其设置,但它似乎不起作用(尽管有效查询确实有效)。 @media here does not make any mention of the validity of this query. Neither do WHATWG docs such as this one nor W3C docs such as this one.

的 MDN 页面

*-device-width 之类的星号前缀是否对媒体查询有效,以便该规则适用于 max-device-widthmin-device-width

Is asterisk-prefixing such as *-device-width valid for a media query, such that the rule applies to both max-device-width AND min-device-width?

不,不是。单独引用媒体功能的方法是简单地省略任何前缀。所以在这种情况下它是 device-width。参见 section 4 of Media Queries 3 and section 2.4 of Media Queries 4

我不知道为什么 Google 文档的作者会提到 *-device-width,而他们本可以简单地说 device-width — 如果我冒险猜测,那可能是因为 device-width 使用 elsewhere — 但在任何情况下,星号都不是有效前缀。