移动端设备
目前市面上的移动端应用主要针对手机端设备开发，主要包括Android、iOS等手机设备。随着手机市场的不断发展，手机的屏幕尺寸非常多，手机分辨率和大小也不尽相同，碎片化严重。
Android设备有多种分辨率，如480 ×800、480 ×854、540 ×960、720 ×1280、1080 ×1920等，以及将来可能会普及的2K和4K分辨率。
近年来，iPhone（iOS系统）的屏幕碎片化也加剧了，其设备的分辨率主要包括640 ×960、640 ×1136、750 ×1334、1242 ×2208等。
下面列举常见的移动端设备的屏幕尺寸，具体如表1所示。
表1 常见的移动端设备的屏幕尺寸
| 移动端设备 | 屏幕尺寸（英寸） | 分辨率（px） | 设备像素比（dpr） |
|---|---|---|---|
| iPhone 3G | 3.5 | 320 × 480 | 1.0 |
| iPhone 4/4S | 3.5 | 640 × 960 | 2.0 |
| iPhone 5/5S/5C/SE | 4.0 | 640 × 1136 | 2.0 |
| iPhone 6/6S/7/8 | 4.7 | 750 ×1334 | 2.0 |
| iPhone 6+/6S+/7+/8+ | 5.5 | 1080 × 1920 | 3.0 |
| iPhone X/XS | 5.8 | 1125 × 2436 | 3.0 |
| iPhone XR | 6.1 | 828 × 1792 | 2.0 |
| iPhone XS Max | 6.5 | 1242 × 2688 | 3.0 |
| Nexus 7(2013) | 7.0 | 1200 × 1920 | 2.0 |
| Nexus 9 | 8.9 | 1536 × 2048 | 2.0 |
| HTC One M8 | 5.0 | 1080 × 1920 | 3.0 |
| Samsung Galaxy S8 | 5.0 | 1080 × 1920 | 4.0 |
| Samsung Galaxy S8+ | 6.2 | 1440 × 2960 | 4.0 |
| Samsung Galaxy Note4 | 5.7 | 1440 × 2560 | 3.0 |
| Sony Xperia Z Ultra | 6.4 | 540 × 960 | 2.0 |
| iPad Mini | 7.9 | 768 × 1024 | 1.0 |
表1中，不同的移动设备有不同的屏幕尺寸、分辨率和设备像素比，如iPhone XR手机的屏幕尺寸为6.1英寸，分辨率为828 ×1792（单位为px），设备像素比为2.0（单位为dpr）。关于设备像素比的内容将会在后面的章节中讲解，读者此时仅了解即可。
点击此处
隐藏目录
隐藏目录
