iPhone 2018 XS、Max、MR 全面屏适配详解

新的尺寸又出来了？

又要重新计算？

不用愁，文章为你准备好了全部的适配与尺寸，

并且使用 pt 和 px 双单位标注，

只要收藏好这篇文章，这一年做设计照这个尺寸做就行了！

在iPhone11年的发展史中，并不是每次都是3GS到4这样的划时代更新。有很多次，暌违一年的迭代都只是进行了一些「小」改动，苹果将这个系列称为S系列。但即便如此，S系列iPhone往往也包含着重要的功能更新：

iPhone4S 有 Siri; iPhone5S 有 TouchID; iPhone6S 有 3DTouch……

那么，iPhoneXS有什么？答案是「什么都没有」当然，这是对普通人而言。

对UI设计师来说，New iPhone 带来的影响可谓重大，因为此番苹果又给我们新增了两种设计尺寸：

iPhone XS，1242 x 2688，@3x

iPhone XR，828 x 1792，@2x

在谈论新机器适配前, 需要明白一个前提，以免混乱。

适配只看三个参数：

渲染像素——屏幕截图的图片尺寸，单位 px

逻辑像素——程序员开发所用尺寸，单位 pt

倍率——渲染像素/逻辑像素 得到的倍数关系，常见倍率有@2x、@3x。倍率决定切图

网上有很多关于适配的帖子，动不动就涉及：屏幕尺寸、PPI、DPI 等与适配无关的概念。这些不仅无异于新人搞懂适配，反而让读者走弯路。