在媒体查询中使用"全部"有什么好处？

Question

有什么区别

@media all and (min-width: 500px) {
     // some css
}

和

@media (min-width: 500px) {
     // some css
}

我经常看到第一个声明,但包含有什么好处all吗？

Answer 1

没有任何好处。根据MDN：

除非您使用notoronly运算符，否则媒体类型是可选的并且all类型将被隐含。

该all类型是隐含的，因此@media (min-width: 500px)被解释为@media all and (min-width: 500px)并且这两个语句是等效的。后者只是不必要的具体。