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

时间:2016-02-26 18:00:46

标签: css css3 media-queries

我继承了这一点,并想知道什么是没有"媒体类型的媒体查询"办?

 @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;
}

1 个答案:

答案 0 :(得分:10)

  

如果未明确指定媒体类型,则为all。 〜W3C Media Queries

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

更多来自规范:

  

2. Media Queries

     

为适用于所有人的媒体查询提供简写语法   媒体类型;关键字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