大家好，又见面了，我是你们的朋友全栈君。
从设计方面来看，做手机界面设计的尺寸一般分为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.net/151801.html原文链接：https://javaforall.net
