iPhone X 屏幕尺寸详解
专为开发者与设计师整理的权威技术参数
📱 基本信息
iPhone X 是苹果公司于 2017 年发布的旗舰机型，首次引入了“刘海屏”设计，并取消了物理 Home 键。其屏幕采用了全新的 OLED 技术，带来更广的色域和更高的对比度。
📏 屏幕核心参数
项目
数值
屏幕尺寸
5.8 英寸（对角线）
分辨率
2436 × 1125 像素
像素密度 (PPI)
458 PPI
屏幕比例
19.5 : 9
屏幕类型
SAMOLED（由三星提供）
设备像素比 (DPR)
3x
📐 设计与开发注意事项
安全区域（Safe Area）：由于“刘海”和底部手势条的存在，内容需避开顶部约 44pt 和底部约 34pt 的区域。
CSS 媒体查询可使用 @media (device-aspect-ratio: 812/375) 或 @media (device-height: 812px) 识别 iPhone X。
iOS 开发中应使用 safe-area-inset-top 等环境变量进行布局适配。
网页 viewport 高度在 Safari 中可能因地址栏动态变化而波动，建议使用 JavaScript 动态获取可视高度。
💡 小知识
虽然 iPhone X 的物理分辨率为 2436×1125，但在 CSS 布局中，其逻辑分辨率（即视口尺寸）为 375×812 像素（@3x 缩放）。这意味着 1 CSS 像素 = 3 物理像素。
© 2025 iPhone 屏幕尺寸专题页 | 仅供学习与参考