iPhone 12 是苹果公司于 2020 年推出的智能手机，其屏幕采用了 Super Retina XDR 显示技术，具备高分辨率和精准的色彩表现。以下是关于 iPhone 12 屏幕的关键参数汇总，适用于 UI/UX 设计师、前端开发者及移动应用适配人员参考。
| 项目 | 参数 |
|---|---|
| 屏幕尺寸 | 6.1 英寸（对角线） |
| 屏幕类型 | OLED（Super Retina XDR） |
| 分辨率 | 2532 × 1170 像素 |
| 像素密度 | 460 ppi |
| 屏幕比例 | 19.5 : 9（约等于 2.17 : 1） |
| 实际宽高（设备独立像素） | 390 × 844 pt（@2x 缩放） |
在进行移动端网页或 App 设计时，建议以设备独立像素（pt）为基准进行布局。对于 iPhone 12：
device-width: 390px 进行优化Q：iPhone 12 和 iPhone 12 Pro 屏幕一样吗？
A：是的，两者屏幕尺寸、分辨率和比例完全相同。
Q：如何在 CSS 中适配 iPhone 12？
A：可使用以下媒体查询：
@media screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
/* iPhone 12 / 12 Pro 样式 */
}