iPhone X 是苹果公司于 2017 年发布的旗舰智能手机，首次采用全面屏设计，并引入了“刘海屏”概念。其屏幕尺寸与传统 iPhone 有显著差异，以下是 iPhone X 屏幕的详细参数：
| 参数 | 数值 |
|---|---|
| 屏幕尺寸（对角线） | 5.8 英寸 |
| 物理分辨率 | 1125 × 2436 像素 |
| 像素密度 (PPI) | 458 PPI |
| 屏幕比例 | 约 19.5:9 |
| 物理宽度（不含边框） | 约 58.3 毫米 |
| 物理高度（不含边框） | 约 125.8 毫米 |
| 设备逻辑分辨率（CSS 像素） | 375 × 812 pt |
| 屏幕类型 | OLED (Super Retina HD) |
说明：在 Web 或 App 开发中，应使用逻辑分辨率（375×812）进行布局适配。实际物理尺寸因圆角和“刘海”区域略有裁剪，设计时需注意安全区域（Safe Area）。
设计建议
- 使用 CSS 的
env(safe-area-inset-*)属性避开刘海和底部手势区域。 - iOS 开发中可启用 Safe Area Layout Guide 确保内容不被遮挡。
- 测试时建议使用 Xcode 模拟器或真实设备验证显示效果。