- 设备名称：iPhone X
- 发布年份：2017 年
- 屏幕尺寸：5.8 英寸（对角线）
- 物理分辨率：1125 × 2436 像素
- 像素密度（PPI）：458 PPI
- 屏幕类型：OLED（Super Retina HD 显示屏）
- 屏幕比例：19.5:9
- 逻辑分辨率（CSS 像素）：375 × 812 pt
- 设备像素比（DPR）：@3x
- 安全区域（Safe Area）：顶部刘海区与底部 Home Indicator 需预留空间
iPhone X 是苹果首款采用全面屏设计的手机，其独特的“刘海”屏幕带来了新的 UI 适配挑战。在进行 Web 或 App 开发时，建议使用 CSS 的 env(safe-area-inset-*) 属性来适配安全区域。
对于响应式网页设计，可使用以下媒体查询匹配 iPhone X：
@media only screen
and (device-width: 375px)
and (device-height: 812px)
and (-webkit-device-pixel-ratio: 3) {
/* iPhone X, XS, 11 Pro 样式 */
}