0

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

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

当我遇到此链接时，我正在搜索我们公司网站的 CSS 以查找任何过时的规则。作者断言诸如 with 之类的星号前缀*-device-width可以用于媒体查询，并且由于它是 Google 链接，因此该断言必须是正确的：p

我无法用我当前的设置对此进行测试。我尝试在 W3Schools 及其设置上应用此规则，但它似乎不起作用（尽管有效的查询确实有效）。此处@media 的 MDN 页面没有提及此查询的有效性。WHATWG 文档（例如这个）和 W3C 文档（例如这个）也没有。

星号前缀*-device-width是否对媒体查询有效，这样该规则同时适用于max-device-widthAND min-device-width？

4

1 回答 1

1

星号前缀*-device-width是否对媒体查询有效，这样该规则同时适用于max-device-widthAND min-device-width？

不，这不对。单独引用媒体功能的方法是简单地省略任何前缀。所以在这种情况下它是device-width. 请参阅媒体查询 3 的第 4 节和媒体查询 4 ​​的第2.4 节。

我不知道为什么该 Google 文档的作者提到*-device-width他们可以简单地说device-width——如果我冒险猜测它可能是因为在其他地方device-width使用——但无论如何，星号不是有效的前缀。

于 2016-07-13T15:56:01.667 回答