通过media媒体查询设置ie7/8样式、使用media判断各机型、手淘flexible.js 屏幕分辨率

@media all and (min-1280px){
     /* 所有设备宽度大于1280干嘛干嘛嘞... */ 
     body{
          background:#f00;
     }
}

@media (min-1280px){
     /* 所有设备宽度大于1280干嘛干嘛嘞... */ 
     body{
          background:#f00;
     }
}
其中all and可省略

@media print{
    /*打印时设置的样式*/
    body{
        background:pink;
    }
}

插曲:
Lake Hillier is a lake in Western Australia that is completely and naturally PINK!!!

@media  screen\,screen9{
    /*IE 8 、IE 7上场了*/
    body{
         background:#ccc;
    }
}

@media screen9{
    /*IE7来了*/
   body{
      background:#0f0;
   }
}

@media only screen and (min-device- 320px){
         //针对iPhone 3
}
 
@media only screen and (min-device- 320px)and (-webkit-min-device-pixel-ratio: 2) {
         //针对iPhone 4, 5c,5s, 所有iPhone6的放大模式，个别iPhone6的标准模式
}
@media only screen and (min-device- 375px)and (-webkit-min-device-pixel-ratio: 2) {
　　　　　//针对大多数iPhone6的标准模式
}
 
@media only screen and (min-device- 375px)and (-webkit-min-device-pixel-ratio: 3) {
　　　　　　//针对所有iPhone6+的放大模式
 
}
@media only screen and (min-device-412px) and (-webkit-min-device-pixel-ratio: 3) {
　　　　　　//针对所有iPhone6+的标准模式,414px写为412px是由于三星Nexus 6为412px，可一并处理
 
}
/*iPhoneX的适配*/
@media only screen and (device- 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { 
　　header { background-color: black; } 
} 
/*iPhone8P的适配*/ 
@media only screen and (device- 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) { 
　　header { background-color: deepskyblue; }
}