2024年3月30日发(作者：苌子石)
移动端设计尺寸
现象
首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是
Android，你会听到很多种分辨率：480×800, 480×854, 540×960, 720×1280,
1080×1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：
640×960, 640×1136, 750×1334, 1242×2208。
不要被这些尺寸吓倒。实际上大部分的app和移动端网页，在各种尺寸的屏幕上
都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。
像素密度
要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕
的实际像素尺寸。比如480×800的屏幕，就是由800行、480列的像素点组成的。
每个点发出不同颜色的光，构成我们所看到的画面。而手机屏幕的物理尺寸，和
像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320×480，
iPhone 4s的屏幕像素是640×960。刚好两倍，然而两款手机都是3.5英寸的。
所以，我们要引入最重要的一个概念：像素密度，也就是PPI（pixels per inch）。
这项指标是连接数字世界与物理世界的桥梁。
Pixels per inch，准确的说是每英寸的长度上排列的像素点数量。1英寸是一个固
定长度，等于2.54厘米，大约是食指最末端那根指节的长度。像素密度越高，代
表屏幕显示效果越精细。Retina屏比普通屏清晰很多，就是因为它的像素密度翻
了一倍。
倍率与逻辑像素
2024年3月30日发(作者：苌子石)
移动端设计尺寸
现象
首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是
Android，你会听到很多种分辨率：480×800, 480×854, 540×960, 720×1280,
1080×1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：
640×960, 640×1136, 750×1334, 1242×2208。
不要被这些尺寸吓倒。实际上大部分的app和移动端网页，在各种尺寸的屏幕上
都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。
像素密度
要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕
的实际像素尺寸。比如480×800的屏幕，就是由800行、480列的像素点组成的。
每个点发出不同颜色的光，构成我们所看到的画面。而手机屏幕的物理尺寸，和
像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320×480，
iPhone 4s的屏幕像素是640×960。刚好两倍，然而两款手机都是3.5英寸的。
所以，我们要引入最重要的一个概念：像素密度，也就是PPI（pixels per inch）。
这项指标是连接数字世界与物理世界的桥梁。
Pixels per inch，准确的说是每英寸的长度上排列的像素点数量。1英寸是一个固
定长度，等于2.54厘米，大约是食指最末端那根指节的长度。像素密度越高，代
表屏幕显示效果越精细。Retina屏比普通屏清晰很多，就是因为它的像素密度翻
了一倍。
倍率与逻辑像素