iPhone 12 屏幕比例详解

什么是 iPhone 12 的屏幕比例？

iPhone 12 系列采用了一块 6.1 英寸的 Super Retina XDR 显示屏，其屏幕比例为 19.5:9（也常近似表述为 2.17:1）。

这一比例延续了自 iPhone X 以来的全面屏设计语言，去除了传统 Home 键，使屏幕在保持高可视面积的同时，更易于单手握持。

关键屏幕参数一览

屏幕比例示意图

上图按实际比例缩放展示 iPhone 12 屏幕的宽高比。这种修长的比例更适合浏览网页、观看视频和日常操作。

为什么是 19.5:9？

• 全面屏设计需求：取消 Home 键后，苹果需要更高的屏幕以容纳状态栏和 Face ID 组件。
• 内容适配优化：接近 2:1 的比例在播放主流视频（如 16:9 或 18:9）时减少黑边。
• 人体工学考量：在保证大屏体验的同时，控制机身宽度便于单手使用。

开发者注意事项

对于 Web 开发者或 App 设计师，在适配 iPhone 12 时需注意：

1. 安全区域（Safe Area）需避开刘海和底部手势条。
2. 推荐使用 CSS 的 env(safe-area-inset-*) 变量处理布局内边距。
3. 测试响应式设计时，应包含 375×812 CSS 像素（设备像素比为 3）的视口尺寸。