什么是 iPhone 12 的屏幕比例？
iPhone 12 系列采用了一块 6.1 英寸的 Super Retina XDR 显示屏，其屏幕比例为 19.5:9（也常近似表述为 2.17:1）。
这一比例延续了自 iPhone X 以来的全面屏设计语言，去除了传统 Home 键，使屏幕在保持高可视面积的同时，更易于单手握持。
关键屏幕参数一览
| 项目 | 规格 |
|---|---|
| 屏幕尺寸 | 6.1 英寸（对角线） |
| 屏幕类型 | OLED（Super Retina XDR） |
| 分辨率 | 2532 × 1170 像素 |
| 像素密度 | 460 ppi |
| 屏幕比例 | 19.5 : 9（≈ 2.17 : 1） |
| 对比度 | 2,000,000 : 1 |
屏幕比例示意图
模拟 iPhone 12 屏幕
比例：19.5:9
比例：19.5:9
上图按实际比例缩放展示 iPhone 12 屏幕的宽高比。这种修长的比例更适合浏览网页、观看视频和日常操作。
为什么是 19.5:9？
- 全面屏设计需求：取消 Home 键后，苹果需要更高的屏幕以容纳状态栏和 Face ID 组件。
- 内容适配优化：接近 2:1 的比例在播放主流视频（如 16:9 或 18:9）时减少黑边。
- 人体工学考量：在保证大屏体验的同时，控制机身宽度便于单手使用。
开发者注意事项
对于 Web 开发者或 App 设计师，在适配 iPhone 12 时需注意：
- 安全区域（Safe Area）需避开刘海和底部手势条。
- 推荐使用 CSS 的
env(safe-area-inset-*)变量处理布局内边距。 - 测试响应式设计时，应包含 375×812 CSS 像素（设备像素比为 3）的视口尺寸。