iPhone & iPad 屏幕尺寸，归纳及分析

iPhone & iPad 屏幕尺寸，归纳及分析

最初的版本于 2007 年发布，iPad 于 2010 年发布。随着时间的推移，iPad 发布了各种型号，屏幕尺寸不断发展。 我总结了各个机型的屏幕尺寸，并做了一个表格，供适配App时参考。 我只关心屏幕尺寸，忽略LCD或OLED以及屏幕亮度等参数。

屏幕尺寸

iPad 屏幕尺寸

上表中我把模型的尺寸写成了width x，这样更符合frame = (x, y, width, )的开发习惯。

屏幕像素、对角线长度、ppi

普通用户更关心屏幕像素、对角线长度、ppi。 屏幕对角线的物理长度决定了屏幕的实际大小。 屏幕像素决定了屏幕的细腻程度。 同等物理尺寸下，像素越多，屏幕自然会越细腻。 屏幕精细度可以用 ppi 来衡量。

Ppi（每英寸）表示每英寸有多少个像素。 是手机厂商宣传的重点之一，通常直接给出数值。 我们还可以通过屏幕像素和对角线长度来估计它。

例如，X，1125 × 2436 像素，5.8 英寸。 屏幕是矩形的。 根据毕达哥拉斯定理，对角线为√(1125 * 1125 + 2436 * 2436) = 2683像素，对角​​线为5.8英寸，所以ppi = 2683 / 5.8 = 463。官方数字是ppi = 458，所以说实话。

屏幕点数、屏幕模式、宽高比

其实对于iOS开发者来说，在做App适配的时候，并不太关心具体的屏幕像素。 主要关心的是屏幕点（point）和屏幕模式。

Point是iOS开发中的一个概念。 它没有物理对应关系，有时称为虚拟点。 开发 iOS 应用程序时，所有单位都是点，而不是像素。 苹果会保证每个点的物理尺寸相差不大，而44点的尺寸是一个基本参考，也是一个比较特殊的数字。 用户的手指具有一定的尺寸。 如果按钮的点击面积小于44×44点，用户点击会比较困难。 导航栏和工具栏的默认高度也是 44 磅。 X屏幕少了一块，为了避免出现黑色区域​​，它的状态栏高度也是44点。

屏幕模式，这个名字是我自己取的。 英文原文是scale，如果你愿意，也可以称之为屏幕缩放比例。 如果将比例转换为缩放比例，则会与纵横比混淆。 为了不引起误解，我有时简称为屏幕模式，这样更方便。 尺度这个词在下面也会互换使用，所以请注意。

屏幕模式用于选择合适的App素材。 为了适应不同的屏幕，iOS App的同一个图标往往会准备1x、2x、3x等几种图片素材。 如果屏幕比例=3，则优先选择3x材质； 如果屏幕比例= 2，将首先选择2x材料。

屏幕的长宽比也很重要，会影响适配。 例如，同一个视频在手机上显示时，视频等比例铺展到全高，X左右两侧被裁剪掉更多内容，视频按比例自适应宽度， X上方和下方留下更多的黑色边框。具体如何处理视频显示需要开发者衡量。

点与像素的关系

将点和像素视为一维长度单位，点和像素之间会有简单的对应关系。 当屏幕模式为1x时，1个点等于1个像素，当屏幕模式为2x时，1个点等于2个像素。通常有这样的关系

pixel = point * scale

例如，4/4S 的屏幕为 320 x 480 像素，而在 2x 模式下，对应的屏幕为 640 x 960 像素。

唯一的例外是 6/6S/7/8 Plus。 其屏幕尺寸为 414 × 736 点。 在3x模式下，理论上应该有1242×2208像素，但实际上只有1080×1920像素。 估计由于当时的技术限制，像素不可能做得这么高。 但即便如此，6/6S/7/8 Plus的ppi=401，已经很高了。

至于X/Xs，屏幕为375×812点，在3倍模式下，屏幕像素达到了理想的1125×2436像素。 ppi也达到了新高值，ppi=458。

在苹果的宣传中，Xs的屏幕被称为超级屏。 它不提倡点和比例的概念，因为普通用户太难理解，而且他们实际上并不关心。

但实际上，1倍屏是普通屏，2倍屏是屏幕，3倍屏是超级屏。 6/6S/7/8 Plus虽然名义上也是3x，但像素却打了折扣。 当谈到X/X时，点和像素再次精确匹配，使其成为真正的超级屏幕。

关于点和像素的更多信息，请参考我之前写的答案。

屏幕进化

下面，我们从点大小和屏幕模式的角度来分析各机型的屏幕尺寸演变。

第一代

原始屏幕为 320 x 480 点，1x 模式。 在这种情况下，点直接对应于像素。 事实上，积分的概念还没有出现，因为不需要。 480 大约是 44 的 11 倍。

现在看来屏幕很小，但2007年发布时，3.5英寸的屏幕就很大了。

此前，大屏智能手机的代表应该是Palm系列。 我用过Palm 650，并且把它转移到了至少4只手上。 有人买了一辆二手650送给我哥。 哥哥用了一段时间就送给我了。 当我第一次接触Palm时，我感到很惊讶。 随时随地读书是我的人生梦想之一，现在终于实现了。 Palm实际上可以阅读pdf，但每行文本都需要重复按箭头。 读完一行文字后，按箭头返回到最左侧，然后移动到右侧。

然后我买了我的第一台 iOS 设备，iPod Touch，但自然买不起。 我再次感到惊讶，我终于不用费劲去横向阅读 PDF 了。

可想而知，3.5英寸的屏幕现在看起来并不算多，但刚出来的时候却让人震惊。

4

4的屏幕像素发生了变化。 屏幕这个概念最先被提出，意思是视网膜。 乔布斯在发布会上表示，当像素太密集，超过300 ppi时，人眼无法区分每个像素。 4是一代经典，从它开始，逐渐为中国大众所熟知。

从4开始，屏幕像素开始分裂，需要考虑App兼容性。 4 此前，iOS App 开发通常采用 Pixel to Pixel 的方式。 设计师在电脑上创建了320 x 480像素的画布，设计了UI，然后将电脑上的UI准确地搬到了电脑上。

为了解决适配问题，让4可以运行之前的App。 iOS开发开始引入点模式和屏幕模式的概念。 4 处的点大小与之前相同，但其屏幕放大为 2 倍。 系统会自动将之前的尺寸解释为点大小，并且可以运行之前的App。 文本、svg等矢量元素会自动高清化，图片也能在4上正确显示，但会显得模糊。 如果图片也需要高清，则需要准备1x和2x图片。

屏幕正式进入2x时代。

5

5 屏幕模式保持不变。 但它的点大小发生了变化，屏幕从 320 x 480 点拉伸到 320 x 568 点。

5 的宽度保持不变，高度增加 568 - 480 = 88 点。 你还记得44这个特殊的数字吗？ 88 是 44 的两倍。

5未适配时，运行4 App会在上下两侧留下44点黑边。 适配后可以显示更多内容。

当5/5停留在4.0英寸屏幕的时候，安卓手机已经进入大屏时代，三星手机热销。 据说苹果自然不愿意进步。

6

从6开始，也进入大屏时代，同时推出6和6 Plus。 那时候大屏卖得好，三星手机销量下滑，国产安卓手机慢慢崛起。

6的屏幕点尺寸再次发生变化，从320 x 568演变为375 x 667。但其比例相对于5保持不变，长宽比仍然是0.562 = 9/16。

当6还没有适配时，运行5 App会直接按比例放大。 适配后，因为点击更多，所以可以看到更多的内容。

在6的【设置】-【显示和亮度】-【放大显示】视图中，可以选择“标准”和“放大”模式。 如果选择“放大”，则6屏幕的点大小将与5屏幕相同，但每个点会更大。 6 Plus还具有放大模式。 选择放大倍率后，点大小将与 6 Plus 相同。

6 Plus的屏幕模式是3x，但是它的3x是打折的。 前面提到，6 Plus 的像素为 414 × 736 像素，完美的 3x 应该是 1242 × 2208 像素。 但可能由于当时的技术限制，6 Plus 的屏幕实际上是 1080 × 1920 像素。

6 Plus屏幕是2倍到3倍的过渡阶段。 该应用程序根据 3x 进行了调整。 当6 Plus实际显示时，屏幕会缩小以对应屏幕的真实像素。 使用6 Plus截屏。 截图的像素是1242×2208，不是屏幕的实际像素1080×1920。iOS系统和应用程序已经进入3倍，但屏幕像素还没有跟上。

另外，5的屏幕尺寸为4.0英寸，6为4.7英寸，6 Plus为5.5英寸。 6加到5放大4.7/4.0=1.175，6加到6放大5.5/4.7=1.170，两个数值非常接近。

X

X 屏幕为 375 x 812 点，3x 模式，并且是真正的 3x。 其像素为1125×2436，点与像素再次完美对应。 与 8 的 375 x 667 点相比，宽度保持不变，高度增加了 812 - 667 = 145 点。

X 去掉Home键，拉长屏幕，进入全屏。 但似乎没有人提到屏幕实际上变成了 3 倍。 苹果给这块屏幕起了一个新的、毫无创意的名字：超级屏幕。 原来的 2x 屏幕只是一个屏幕。

Xs的屏幕尺寸与X相同。

Xs Max 的屏幕尺寸为 414 × 896 点，而 8 Plus 的屏幕尺寸为 414 × 736 点。 宽度保持不变，高度增加 896 - 736 = 160 点。 Xs Max和Xs的屏幕比例是相同的。

XR也有414×896点，点数与Xs Max相同。 XR 的屏幕处于 2x 模式。 XR中的R代表什么？ 苹果官方并未明确表态，声称没有特殊含义。 只不过跑车也用R、S等字母，看起来有点酷。 但如果让我猜，我会猜这个 R 代表什么。 3x 屏幕是超级屏幕，2x 屏幕是超级屏幕。 X 这种全面屏设计还需要传统的2倍屏型号，也就是XR。

XR并不便宜，它实际上是像8一样的2倍屏幕的常规升级，但Xs的屏幕太高端了，与之相比。

iPad屏幕进化史 第一代iPad

第一代产品往往并不完美，但却为后续的演进方向定下了基调。 第一代iPad专为阅读而设计，在发布会上专门进行了展示。 要了解iPad的尺寸，我们首先需要了解A4纸的尺寸。

一张A4纸的尺寸是21×29.7cm，那么A4纸为什么是这个尺寸呢？ 从A0纸开始。 如果将A0纸对折并切成两半，则可以切成两张A1纸； 如果将A1对折并切成两半，则可以将其切成两张A2纸； 如果A0不能完美的裁成两张A1纸，必然会有剩余的纸张无法使用而被浪费。 。

以此类推，将A0对折4次即可得到A4。 因此，A0纸的尺寸决定了A4纸的尺寸。

A0、A1、A2、A3的纸张长宽比相同； 而A0需要切割成两块A1，所以自然会有

 width(A0) / height(A0) = width(A1) / height(A1)
 height(A0) = 2 * width(A1)

这决定了纸张的宽高比，必须为 1/√(2) = 0.707。

A0纸的面积是1平方米。 当面积固定时，生产纸张时，可以通过纸浆的体积轻松控制纸张的厚度。 一旦密度已知，纸浆体积就可以通过重量轻松控制。

这样我们就知道了A0纸的比例和A0纸的面积。 A0纸的尺寸已经确定，A4纸的尺寸也已经确定。

iPad设计时，其主要用途之一就是读书，指的是A4纸的尺寸。 在当时现有的屏幕尺寸中，768×1024的比例为0.75，最接近A4纸的比例0.707。 当iPad处于横向模式时，它可以完全适应A4的宽度，这决定了屏幕的物理尺寸。

屏幕像素和物理尺寸已确定。 原来的iPad有1x的屏幕，ppi自然就确定了，ppi=132。

iPad的使用距离用户远一些，距离近一些。 当距离越远时（通常意味着屏幕越大），每个点的物理尺寸需要相应增加，否则同样的44个点在iPad上点击会更加困难。 与 1x 模式相比，ppi = 163。在 1x 下，点和像素是等效的。 由于每英寸的点数更少，自然意味着iPad的每个点占据更大的物理尺寸。 iPad 屏幕 ppi 更小。 不过由于使用时距离较远，实际使用中屏占比稍差，但并不明显。

iPad Pro

iPad Pro 共有三种尺寸，长宽比与之前相同。

iPad Pro（9.7）屏幕的物理尺寸与之前相同，点数也保持不变。 2x模式下，像素翻倍，ppi自然也翻倍，ppi=264。

iPad Pro（12.9）的屏幕点阵为1024 x 1366，而iPad的屏幕为768 x 1024。让12.9英寸iPad的宽度恰好等于9.7英寸iPad的高度。 这是有意为之，让 12.9 英寸 iPad 在 iPad 左右分屏下能够完整显示 9.7 英寸 iPad 的内容。

iPad Pro（10.5）的屏幕点为834 x 1112，ppi保持不变。 iPad Pro（10.5）采用了全新的窄边框设计，在保持整体机身尺寸不变的情况下，可以容纳更多的屏幕点。

iPad Pro（全屏）

苹果的设备已经向全屏显示发展。 去掉Home键后，iPad Pro也效仿，也去掉了Home键。 有两台全屏iPad。

iPad Pro 11 英寸，834 x 1194 点，2x 模式。 与原始 iPad Pro 10 10.5 的 834 x 1112 点进行比较。 宽度保持不变，高度增加 1194 - 1112 = 82 点。 其长宽比为0.698，与A4纸的长宽比0.707非常接近。

全屏iPad Pro 12.9英寸，1024 x 1366点，2x模式，与之前相同。 去掉Home键后，新iPad的整体尺寸有所缩小，变得更加方正。

小型平板电脑

iPad mini 的屏幕点仍然与初代 iPad 相同，均为 768 x 1024 点。 为了让机身变小，需要提高ppi。 但这个ppi可不是随便定的。 iPad mini 的 2x 屏幕的 ppi = 326，正好是 2x ppi。

相同屏幕模式下，尽管iPad mini的ppi高于iPad，但可读性却不如iPad。 iPad mini 为了便携性牺牲了一些易读性。

总结

可见，iPad屏幕尺寸的演变是有一定背景的，并不是任意的。 如果我们从点大小、屏幕模式、屏幕比例的角度来观察的话，这个脉络会更加清晰。

现在iOS设备越来越多，但苹果推出设备都是有计划、有节奏的。 估计X在6 Plus的时候就已经在规划了，而6 Plus不完美的3x就会最先铺路。 当真正的 X 3x 出来时，系统和应用程序都已准备就绪。

我们可以总结一下总体思路。