什么是没有媒体类型的@media规则呢？

Question

我继承了这个,并想知道没有"媒体类型"的媒体查询是做什么的？

 @media (min-width: 768px) {
   .commentlist-item .commentlist-item {
    padding: 0 0 0 2em;
   }
}

标准语法符合www.w3schools.com/css/css3_mediaqueries.asp

  @media not|only mediatype and (expressions) {
    CSS-Code;
}

Answer 1

如果未明确给出媒体类型,则为all.~ W3C媒体查询

换句话说,没有媒体类型的@media规则是简写语法,all隐含在哪里 .

更多来自规范:

2.媒体查询

为适用于所有媒体类型的媒体查询提供简写语法; all可以省略关键字(以及尾随and).即如果未明确给出媒体类型,则为 all.

例5

即这些是相同的:

@media all and (min-width: 500px) { ... } 
@media (min-width: 500px) { ... }

这些是:

@media (orientation: portrait) { ... }
@media all and (orientation: portrait) { ... }

...

例7

即这些是等价的:

@media all { ... }
@media { ... }

_{来源:https://www.w3.org/TR/css3-mediaqueries/#media0}