专为开发者与设计师整理的权威技术参数
iPhone X 是苹果公司于 2017 年发布的旗舰机型，首次引入了“刘海屏”设计，并取消了物理 Home 键。其屏幕采用了全新的 OLED 技术，带来更广的色域和更高的对比度。
| 项目 | 数值 |
|---|---|
| 屏幕尺寸 | 5.8 英寸（对角线） |
| 分辨率 | 2436 × 1125 像素 |
| 像素密度 (PPI) | 458 PPI |
| 屏幕比例 | 19.5 : 9 |
| 屏幕类型 | SAMOLED（由三星提供） |
| 设备像素比 (DPR) | 3x |
@media (device-aspect-ratio: 812/375) 或 @media (device-height: 812px) 识别 iPhone X。safe-area-inset-top 等环境变量进行布局适配。虽然 iPhone X 的物理分辨率为 2436×1125，但在 CSS 布局中，其逻辑分辨率（即视口尺寸）为 375×812 像素（@3x 缩放）。这意味着 1 CSS 像素 = 3 物理像素。