iPhone 12 于 2020 年发布,采用 Super Retina XDR 显示屏,其物理与逻辑分辨率对前端开发和 UI 设计具有重要参考价值。
关键参数
| 项目 | 数值 |
|---|---|
| 物理分辨率(像素) | 2532 × 1170 像素 |
| 逻辑分辨率(CSS 像素) | 844 × 390 pt |
| 屏幕宽度(逻辑) | 390 CSS 像素 |
| 像素密度 (PPI) | 460 PPI |
| 设备像素比 (DPR) | 3 |
| 屏幕尺寸 | 6.1 英寸(对角线) |
网页开发建议
在响应式网页设计中,应以 390px 作为 iPhone 12 的典型视口宽度进行测试和布局。确保在以下 viewport 设置下正常显示:
<meta name="viewport" content="width=device-width, initial-scale=1">