媒体查询

媒体属性是CSS3新增的内容

媒体属性必须用括号()包起来

最大宽度max-width

@media screen and (max-width:480px){
 body {
   display:none;
  }
}

@media screen and (min-width:600px) and (max-width:900px){
  body {background-color:#f5f5f5;}
}

/**当屏幕在600px~900px之间时，body的背景色渲染为“#f5f5f5”*/
@media screen and (min-width:600px) and (max-width:900px){
  body {background-color:#f5f5f5;}
}

<link rel="stylesheet" media="screen and (max-device-width:480px)" href="iphone.css" />

@media not print and (max-width: 1200px){样式代码}

<link rel="stylesheet" media="only screen and (max-device-width:240px)" href="android240.css" />