为媒体查询添加前缀 *(例如 *-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-width
和 min-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 — 但在任何情况下,星号都不是有效前缀。
我们公司的一些网站使用@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-width
和 min-device-width
?
Is asterisk-prefixing such as
*-device-width
valid for a media query, such that the rule applies to bothmax-device-width
ANDmin-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 — 但在任何情况下,星号都不是有效前缀。