IOS 屏幕适配（一）理论篇

1. IOS 屏幕适配基本概念

---

1.1 IOS 设备的尺寸和分辨率

---

1.1.1 分辨率相关概念

• 点（Points）：

是iOS开发中引入的抽象单位，称作点。开发过程中所有基于坐标系的绘制都是以 point 作为单位，在iPhone 2G,3G,3GS的年代，point 和屏幕上的像素是完全一一对应的，即 320 * 480 (points), 也是 320 * 480 (pixels)

• 渲染像素 （Rendered Pixels）：

Rendered Pixels: 渲染像素， 以 point 为单位的绘制最终都会渲染成 pixels，这个过程被称为光栅化。基于 point 的坐标系乘以比例因子可以得到基于像素的坐标系，高比例因子会使更多的细节展示，目前的比例因子会是 1x，2x，3x

• 物理像素（Physical Pixels）:

Physical Pixels: 物理像素，就是设备屏幕实际的像素

• 设备屏幕的物理长度（Physical Device）：

Physical Device: 设备屏幕的物理长度，使用英寸作为单位。比如iPhone 4屏幕是3.5英寸，iPhone 5 是4英寸，iphone 6是4.7英寸，这里的数字是指手机屏幕对角线的物理长度。实际上会是Physical Pixels的像素值(而不是Rendered Pixels的像素值)会渲染到该屏幕上, 屏幕会有 PPI(pixels-per-inch) 的特性，PPI 的值告诉你每英寸会有多少像素渲染。

1.1.2 IOS 各个设备对应的分辨率

• 更多关于IOS设备分辨率可以看The Ultimate Guide To iPhone Resolutions

机型	屏幕宽高(point)	渲染像素(pixel)	物理像素(pixel)	屏幕对角线长度（英寸）	屏幕模式
iPhone 2G,3G,3GS	320 * 480	320 * 480	320 * 480	3.5(163PPI)	1x
iPhone 4, 4s	320 * 480	640 * 960	640 * 960	3.5 (326PPI)	2x
iPhone 5, 5s	320 * 568	640 * 1136	640 * 1136	4 (326PPI)	2x
iPhone 6, 6s, 7	375 * 667	750 * 1334	750 * 1334	4.7 (326PPI)	2x
iPhone 6 Plus, 6s Plus, 7 Plus	414 * 736	1242 * 2208	1080 * 1920	5.5 (401PPI)	3x

• iphone设备尺寸

机型	屏幕宽高(point)	比例	像素密度(PPI)	屏幕尺寸	型号代码	发布日
iPhone 2g	480×320	3:2	163ppi	3.5	iPhone1,1	2008.01
iPhone 3g	480×320	3:2	163ppi	3.5	iPhone1,2	2008.06
iPhone 3gs	480×320	3:2	163ppi	3.5	iPhone2,1	2009.06
iPhone 4	960×640	3:2	163ppi	3.5	iPhone3,1、iPhone3,2、iPhone3,3	2010.06
iPhone 4s	960×640	3:2	326ppi	3.5	iPhone4,1	2011.10
iPhone 5	1136×640	16:9	326ppi	4.0	iPhone5,1、iPhone5,2	2012.09
iPhone 5c	1136×640	16:9	326ppi	4.0	iPhone5,3、iPhone5,4	2013.09
iPhone 5s	1136×640	16:9	326ppi	4.0	iPhone6,1、iPhone6,2	2013.09
iPhone 6	1334×750	16:9	401ppi	4.7	iPhone7,2	2014.09
iPhone 6 plus	1920×1080	16:9	401ppi	5.5	iPhone7,1	2014.09
iPhone 6s	1334×750	16:9	401ppi	4.7	iPhone8,2	2015.09
iPhone 6s plus	1920×1080	16:9	401ppi	5.5	iPhone8,1	2015.09
iPhone 5 SE	1136×640	16:9	401ppi	4.0	iPhone8,4	2016.03
iPhone 7	1334×750	16:9	401ppi	4.7	iPhone9,1、iPhone9,3	2016.09
iPhone 7 plus	1920×1080	16:9	401ppi	5.5	iPhone9,2、iPhone9,4	2016.09
iPhone 8	1334×750	16:9	401ppi	4.7	iPhone10,1、iPhone10,4	2017.09
iPhone 8 plus	1920×1080	16:9	401ppi	5.5	iPhone10,2、iPhone10,5	2017.09
iPhone X	2436×1125	18:9	458ppi	5.8	iPhone10,3、iPhone10,6	2017.09
iPhone XS	2436×1125	18:9	458ppi	5.8	iPhone11,2	2018.09
iPhone XS Max	2688×1242	18:9	458ppi	6.5	iPhone11,4、iPhone11,6 </