本文档汇总了 Apple 78TP发布的各代 iPhone 的关键界面尺寸参数,包括屏幕分辨率、逻辑像素、安全区域、状态栏高度等,帮助开发者和设计师快速适配不同设备。
提示:所有尺寸单位如无特别说明,均为“逻辑像素”(points),非物理像素。实际渲染时会根据设备的像素密度(@2x 或 @3x)进行缩放。
主流 iPhone 机型界面尺寸一览表
| 机型 | 屏幕尺寸 | 逻辑分辨率 (pt) | 物理分辨率 (px) | 像素密度 | 状态栏高度 | 安全区域底部 |
|---|---|---|---|---|---|---|
| iPhone 15 Pro Max / 15 Plus | 6.7 英寸 | 430 × 932 | 1290 × 2796 | @3x | 59 pt | 34 pt |
| iPhone 15 / 15 Pro | 6.1 英寸 | 393 × 852 | 1179 × 2556 | @3x | 59 pt | 34 pt |
| iPhone 14 / 13 / 12 系列 | 6.1 英寸 | 390 × 844 | 1170 × 2532 | @3x | 47 pt | 34 pt |
| iPhone SE (第3/4代) | 4.7 英寸 | 375 × 667 | 750 × 1334 | @2x | 20 pt | 0 pt |
| iPhone 11 | 6.1 英寸 | 414 × 896 | 828 × 1792 | @2x | 48 pt | 34 pt |
| iPhone XR | 6.1 英寸 | 414 × 896 | 828 × 1792 | @2x | 48 pt | 34 pt |
| iPhone 8 / 7 / 6s / 6 | 4.7 英寸 | 375 × 667 | 750 × 1334 | @2x | 20 pt | 0 pt |
关键概念说明
- 逻辑分辨率(Points):iOS 开发中使用的坐标系统单位,与设备无关。
- 安全区域(Safe Area):避开刘海、圆角、Home Indicator 等区域的可安全布局范围。
- 状态栏高度:含动态岛(Dynamic Island)机型为 59pt,普通刘海屏为 47–48pt,传统机型为 20pt。
- 底部安全距离:全面屏 iPhone 底部需预留约 34pt 避开 Home Indicator。
设计建议
在进行 UI 布局时,请始终使用 Auto Layout 或 CSS 的安全区域环境变量(如 env(safe-area-inset-top))来适配不同设备。
Web 开发者可在 viewport meta 中启用安全区域支持:
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">