[html5]前端一定要知道的关于手机界面的知识点viewport(3)

苹果的区分则更为简单：非高清屏、高清屏、超高清屏。 

从数值上看，苹果和安卓有这样的对应关系：

单位介绍完了。总结下如何使我们更好的理解自己的工作。我们重构移动页面的时候使用px其实跟安卓开发中使用dp是一样的，有个背后的系数会帮我们把数值适配到这款手机的大小。而这个系数就是上图的1x、2x、3x……这个系数怎么来?是依靠分辨率和屏幕尺寸计算到的屏幕像素密度，再看屏幕像素密度属于哪个系数等级。

以上是单位的介绍，下面再来认识个重要的知识点：viewpoint。

手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中，窗口可大于或小于手机的可视区域，一般手机默认viewport大于可视区域。这样不会破坏没有针对手机浏览器优化的网页的布局，用户可以通过平移和缩放来看网页的其他部分。

部分机型默认viewport大小：

我们可能会这样设置viewport：

每个设置对应的是：