各移动设备尺寸、分辨率

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