iPhone X 屏幕长度详解

iPhone X 是苹果公司于 2017 年发布的一款具有划时代意义的智能手机，其采用全面屏设计，取消了传统的 Home 键，并引入了“刘海屏”概念。了解 iPhone X 的屏幕长度及相关参数，对 UI/UX 设计、网页开发和 App 适配至关重要。

物理尺寸与屏幕长度

• 屏幕尺寸：5.8 英寸（对角线）
• 物理高度（含边框）：约 143.6 毫米
• 屏幕显示区域高度（不含状态栏和底部安全区）：约 2436 像素（逻辑像素为 812pt）
• 屏幕比例：19.5:9

分辨率与像素密度

• 分辨率：1125 × 2436 像素
• 像素密度（PPI）：458 PPI
• 缩放因子（Scale Factor）：@3x

网页与 App 开发注意事项

由于 iPhone X 引入了顶部“刘海”和底部“手势操作区”，开发者需特别注意以下几点：

• 使用 viewport-fit=cover 确保内容延伸至全屏。
• 通过 CSS 环境变量（如 env(safe-area-inset-top)）避开安全区域。
• 避免将关键交互元素放置在屏幕顶部或底部边缘区域。

总结

iPhone X 的屏幕长度不仅影响设备外观，更对数字内容的呈现方式提出新要求。合理利用安全区域、适配高分辨率屏幕，是打造优质用户体验的关键。