iPhone 12 是苹果公司于 2020 年推出的智能手机，搭载了全新的 OLED 超视网膜 XDR 显示屏。对于移动应用开发者、UI/UX 设计师以及网页前端工程师来说，了解其屏幕参数至关重要。
| 项目 | 参数 |
|---|---|
| 屏幕尺寸 | 6.1 英寸（对角线） |
| 分辨率 | 2532 × 1170 像素 |
| 像素密度 (PPI) | 460 PPI |
| 屏幕类型 | OLED（Super Retina XDR） |
| 长宽比 | 19.5:9 |
| 逻辑分辨率（CSS 像素） | 390 × 844 pt |
| 设备像素比 (DPR) | 3x |
在进行移动端网页或 App 设计时，请注意以下几点：
Q：iPhone 12 和 iPhone 12 Pro 屏幕一样吗？
A：是的，两者屏幕尺寸、分辨率、材质完全相同。
Q：网页如何适配 iPhone 12？
A：确保 viewport 设置为 <meta name="viewport" content="width=device-width, initial-scale=1">，并采用响应式布局。