2018-07-19media常用分辨率

1.1024px显屏

@media screen and (max-width : 1024px) {                    
/* 样式写在这里 */          
}     
2.800px显屏

@media screen and (max-width : 800px) {              
/* 样式写在这里 */          
}     
3.640px显屏

@media screen and (max-width : 640px) {              
/* 样式写在这*/            
}     
4.iPad横板显屏

@media screen and (max-device-width: 1024px) and (orientation: landscape) {              
/* 样式写在这 */            
}     
5.iPad竖板显屏

@media screen and (max-device-width: 768px) and (orientation: portrait) {         
/* 样式写在这 */            
}     
6.iPhone 和 Smartphones

@media screen and (min-device-width: 320px) and (min-device-width: 480px) {              
/* 样式写在这 */            
} 
 @meadia screen (min-width:1600px) and (max-width:1920px){
   /*窗口大于1600小于1920*/
}
 @meadia screen (max-width:1299px){
  /*窗口小于1300*/
}
 @meadia screen (min-width:1280px){
 /*窗口小于1280*/
}
 @meadia screen (max-width:1080px){
 /*窗口小于1080*/
}
 @meadia screen (max-width:799px){
 /*窗口小于799*/
}
 @meadia screen (max-width:720px){}
 @meadia screen (max-width:460px){}