【移动端】手机界面的设计尺寸

大家好，又见面了，我是你们的朋友全栈君。

从设计方面来看，做手机界面设计的尺寸一般分为iPhone和Android两种设备。

Android的常用逻辑分辨率：

Android的常用逻辑分辨率：参考屏幕尺寸大全
360 * 640 、 360 * 720、 360 * 740、 360 * 760、 360 * 780、 360 * 800
411 * 731
480 * 853

iPhone的分辨率

设备	逻辑分辨率(point)(pt)	物理分辨率(pixel)(px)	屏幕尺寸(diagonal)	缩放因子(scale)	像素密度 PPI	比例（近似）
iPhone 2G / 3 / 3GS	320 x 480	320 x 480	3.5英寸	@1x	163	2:3
iPhone 4 / 4S	320 x 480	640 x 960	3.5英寸	@2x	326	2:3
iPhone 5 / 5S / 5C / SE	320 x 568	640 x 1136	4.0英寸	@2x	326	9:16
iPhone 6 / 6S / 7 / 8	375 x 667	750 x 1334	4.7英寸	@2x	326	9:16
iPhone 6 Plus / 6S Plus / 7 Plus / 8 Plus	414 x 736	1080 x 1920	5.5英寸	@3x	401	9:16
iPhone X/XS	375 x 812	1125 x 2436	5.8英寸	@3x	458	9:20
iPhone XS Max	414 x 896	1242 x 2688	6.5英寸	@3x	458	9:20
iPhone XR	414 x 896	828 x 1792	6.1英寸	@2x	326	9:20
iPhone SE (第二代)	375 x 667	750 x 1334	4.7 英寸	@2x	326	9:16
iPhone 11	414 x 896	828 x 1792	6.1 英寸	@2x	326
iPhone 11 Pro	375 x 812	1125 x 2436	5.8 英寸	@3x	458
iPhone 11 Pro Max	414 x 896	1242 x 2688	6.5 英寸	@3x	458
iPhone 12 mini	375 x 812	1080 x 2340	5.4 英寸	@3x	476
iPhone 12 / 12 Pro	390 x 844	1170 x 2532	6.1英寸	@3x	460
iPhone 12 Pro Max	428 x 926	1284 x 2778	6.7英寸	@3x	458

全新 iPhone 12 发布，再谈 iPhone 屏幕尺寸

屏幕尺寸

屏幕尺寸是指屏幕的对角线长度。

单位

屏幕的单位是以英寸为单位。换算关系如下：1 inch = 2.54cm = 25.4mm

逻辑分辨率和物理分辨率

逻辑分辨率以point（pt）为单位，物理分辨率以pixel（px）为单位。

缩放因子（scale）

因为逻辑分辨率和物理分辨率存在着一定的比例关系，这种比例的关系称为缩放因子。其对应关系为：1pt = scale * px

像素密度PPI

像素密度PPI(Pixel Per Inch)是指每英寸上容纳的像素数量。

计算PPI，可以简单用勾股定理计算出对线上出现的像素，再除以对角线上长度：

我们知道，手机的屏幕是以像素的方式一个一个呈现出来的。PPI值越高，意味着有更细腻的画面。较低PPI的屏幕看起来有颗粒感。但是当PPI值到达一定程度后，再继续提升肉眼就分别不出来了。这就是苹果提出的Retina显示屏的概念。在一定的距离内，手机显示屏在200PPI以上时，肉眼就分辨不出单个像素点了。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/151801.html原文链接：https://javaforall.cn