🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] *** # 参考资料 - [弦苦](http://my.csdn.net/phunxm):iPhone屏幕尺寸、分辨率及适配 http://blog.csdn.net/phunxm/article/details/42174937/ - 知乎:逻辑分辨率和物理分辨率到底是什么呀? https://www.zhihu.com/question/40506180 - 知乎PeterZ:DPI 和 PPI 是什么? https://www.zhihu.com/question/40506180/answer/164301075 *** # 1.iPhone尺寸规格** | 设备机型 iPhone | 宽 Width | 高 Height | 对角线Diagonal | 逻辑分辨率 point | 像素倍率 Scale Factor | 物理分辨率 pixel | PPI | | ----------- | ------------------ | ------------------- | ----------- | ----------- | ----------------- | ----------------------- | ---- | | 3GS | 2.4-inch (62.1mm) | 4.5-inch (115.5mm) | 3.5-inch | 320x480 | @1x | 320*480 | 163 | | 4/4s | 2.31-inch (58.6mm) | 4.5-inch (115.2mm) | 3.5-inch | 320x480 | @2x | 640*960 | 326 | | 5/5c/5 SE | 2.33-inch (59.2mm) | 4.90-inch (124.4mm) | 4-inch | 320x568 | @2x | 640*1136 | 326 | | 5s | 2.31-inch (58.6mm) | 4.87-inch (123.8mm) | 4-inch | 320x568 | @2x | 640*1136 | 326 | | 6/6s/7 | 2.64-inch (67.1mm) | 5.44-inch (138.3mm) | 4.7-inch | 375x667 | @2x | 750*1334 | 326 | | 6p/7p | 3.07-inch (77.9mm) | 6.23-inch (158.2mm) | 5.5-inch | 414x736 | @3x | (1242*2208) 1080x1920 | 401 | | X | 3.07-inch (77.9mm) | 6.23-inch (158.2mm) | 5.5-inch | | @3x | `1125*2436` `375*812` | 401 | | | | | | | | | | *** 单位inch(英吋)1 inch = 2.54cm = 25.4mm # 名词简述示例 以iPhone 6 为例 ## 物理尺寸 宽:2.3inch,高:4.1inch。 ## 物理像素 px 宽:有 750 颗物理像素,高:1334。 ## 分辨率 iPhone 6 整个屏幕有 `750 * 1334` 颗像素点。即分辨率为 `750 * 1334`。 ## 像素密度 PPI 750/2.3 = 326 = 1334/4.1 即每英尺屏幕有 326 颗像素点,则像素密度为 326 PPI。 *** # 名词详解 ## DPI 逻辑分辨率 DPI 是英文 Dots(点) Per Inch 的缩写。 在最早的时候,这个单位是用来描述打印机的性能的,意思就是这台打印机最多能用多少个墨点来打印一寸的内容。目前市面上常见的家用黑白打印机普遍都去到了 600 * 600 dpi , 而家用彩色照片打印机则能去到 5760 * 1440 dpi。 DPI 越高,每英寸内的墨点就越多,你打印出来的东西就会越清晰锐利。 页面上抽象的像素点的多少,其单位为dpi(dot per inch),其大小和UI设计者有关。 *** ## PPI 像素密度 PPI 是英文 Pixels Per Inch 的缩写,意味每寸能容纳多少颗像素,用于描述屏幕的像素密度。 我们上面提到的印刷物以无数多的墨点来构成图像,而屏幕同样也是以一定数量的发光点来构成图像。见过街上那些走红字的 LED 显示屏么?上面的那一颗颗的 LED 灯就是这块屏幕的发光点,我们使用的 MacBook 的 Retina 显示屏的原理也跟这些看起来十分粗糙的走红字显示屏是一样的,只不过 Retina 显示屏的发光点密度非常高,人眼已经看不出来颗粒感而已。 对于屏幕来说 PPI 是用于描述每英寸发光点数量的,它表明了一块屏幕发光点密度的高低,这些发光点我们更常称之为像素,一块屏幕宽高有几寸是在生产的时候就被定好的,而宽高各能容纳下多少颗像素,也是在生产的时候就被定好的,所以我们所说的 PPI 可以说是一个物理单位。 简单举个例子吧,我们手头上的 iPhone(6~7) 宽为 2.3 英寸,高为 4.1 英寸,根据勾股定理得出这块屏幕的尺寸(屏幕对角线距离)是 4.7 英寸。 同时,iPhone(6~7)屏幕宽(每行)有 750 个像素(发光点),高(每竖)有 1334 颗像素(发光点)。 *** ## 物理像素 px 物理像素也就是我们经常用到的pixel,单位px。就是用来衡量一个内容是由多少单位组成。 在iphone4之前的屏幕,同样是一个14pt的字符“a”,就相当于14px,就是1pt=1px,所以iphone4之前的设备屏幕,我们叫做1x。 到了iphone4~6,都是一个14pt的字符“a”,相当于28像素,也就是1pt=2px,所以这个字符的精细度就上去了,我们叫做2x。 到了iphone6 plus,那么就更牛逼了,一个14pt的字符“a”,构成像素又增加到了42px,也就是1pt = 3px,我们叫做3x。 1x,2x,3x 即 `像素倍率` ; *** ## 物理分辨率 别名:标准分辨率、真实分辨率、设备分辨率 在LED液晶板上通过网格来划分液晶体,一个液晶体为一个像素点。 那么,输出分辨率为1024×768 时,就是指在LED液晶板的横向上划分了1024个像素点,竖向上划分了768个像素点。 物理分辨率越高,则可接收分辨率的范围越大,则显示屏的适应范围越广。通常用物理分辨率来评价LED显示屏的档次。 显示屏的最佳分辨率,即屏幕实际存在的像素行数乘以列数的数学表达方式,是显示屏固有的参数,不能调节,其含义是指显示屏最高可显示的像素数。 *** ## 压缩分辨率 和物理分辨率对应。决定图像清晰程度的是物理分辨率,决定显示屏的适用范围的是压缩分辨率。 iphone4出了之后,逻辑分辨率和3gs一样是`320*480`,显示的内容是一样多的,但是物理分辨率变成了`640*960`。 原来在3gs的一个像素内容,在iphone4上则填充了4个像素,因此虽然内容显示还是一样多,但是iphone4s的屏幕精细度比3gs高了2倍,像素倍率是2. *** # [iPhone SE](https://www.apple.com/cn/iphone-se/) 和 iPhone 5 的显示屏尺寸一致,4-inch display(对角线长):