媒体查询_屏幕自适应

最新推荐文章于 2024-12-05 18:00:00 发布

转载最新推荐文章于 2024-12-05 18:00:00 发布 · 441 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jiunie/p/10996086.html

 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) {}