各移动设备尺寸、分辨率


IOS客户端的尺寸分辨率表:





Android系统的移动端设备屏幕尺寸也是非常多的,你会听到很多种分辨率:480×800, 480×854, 540×960, 720×1280, 1080×1920,而且还有传说中的2K屏、4K、5k等。

如果我们要做响应式页面的话,应该选择几种展现形式,每一种展现形式的屏幕尺寸的临界值是多少?

现在我们看下当下非常流行的Bootstrap前端开发框架是如何做的?

选择container这个类我们看下:


从图中我们可以看出,它的临界值分别是,768、992、1200,也就是说分了四种情况,那就是(小于768px),(768px-991px),(992px-1199px),(大于等于1200px)。

小于768px:从上边移动端设备分辨率我们可以看出很少有大于768px宽度的移动设备,这个也就囊括了大部分的手机。

768-991px: 768~992平板

992-1199px:普通PC  

>=1200px:大屏幕PC




阅读更多
个人分类: css
上一篇IE条件注释
下一篇像素(px)到底是个什么单位
想对作者说点什么? 我来说一句

移动端各屏幕尺寸

u013022210 u013022210

2015-10-27 17:25:47

阅读数:298

没有更多推荐了,返回首页

关闭
关闭