@media：<media_query_list>

<media_query_list>：[<media_query>[',' <media_query>]*]?

<media_query>：[only | not]? <media_type> [and <expression>]* | <expression> [and <expression>]*

<expression>：'('<media_feature>[:<value>]?')'

<media_type>：

指定设备类型。媒体类型包括：参阅媒体类型。(CSS2)

<expression>：

指定媒体查询使用的媒体特性。这类似于CSS属性，如：max-width:960px。(CSS3)

• IE8及以下只能实现CSS2中的部分，即只可以设置媒体类型。

• 媒体查询可以被用在CSS中的@media和@import规则上，也可以被用在HTML和XML中。

• 列举几种使用方式：

  @media all and (width:1024px){
  	body{color:#f00;}
  }
  @media all and (device-height:800px){ … }
  @media all and (orientation:landscape){ … }
  @media all and (device-aspect-ratio:16/10){ … }
  @media all and (min-color:1){ … }
  @media all and (monochrome:0){ … }
  @media all and (grid:0){ … }