关闭

各移动设备尺寸、分辨率

标签: 移动设备分辨率bootstrap
354人阅读 评论(0) 收藏 举报
分类:


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




0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2847次
    • 积分:46
    • 等级:
    • 排名:千里之外
    • 原创:1篇
    • 转载:5篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档