媒体查询_屏幕自适应

 1 /*小屏PC*/
 2 @media  screen and (max-width:1600px) and (min-width:1367px) {}
 3 
 4 /*笔记本*/
 5 @media  screen and (max-width:1366px) and (min-width:992px){}
 6 
 7 /*pad横屏*/
 8 @media only screen and (max-width: 991px) and (orientation: landscape){}
 9 
10 /*pad竖屏*/    
11 @media only screen and (max-width: 991px) and (orientation: portrait){}
12 
13 /*IE11+独有样式*/
14 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {}