码迷,mamicode.com
首页 > 其他好文 > 详细

媒体查询

时间:2016-01-24 19:33:44      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:

1. //iphone4,4s(max-width:320px)

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){}

1. //iphone5(max-width:320px)

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){}

2. //iphone6

@media screen and(max-width:375px)and(max-height:667px){}

3. //iphone6s

@media screen and(max-width:414px)and(max-height:736px){}

4. //竖屏样式

@media all and (orientation:portrait) {}

5. //横屏样式

@media all and (orientation:landscape) {}

6. Max-width:最大渲染宽度; Max- device-width:最大设备宽度

媒体查询

标签:

原文地址:http://www.cnblogs.com/camillea/p/mediaquery.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!