📱 基本信息
iPhone XS 是 Apple 于 2018 年 9 月发布的旗舰智能手机，搭载了先进的 Super Retina HD 显示屏，采用 OLED 技术，带来更鲜艳的色彩和更深的黑色表现。
📏 屏幕规格概览
| 项目 | 参数 |
|---|---|
| 屏幕尺寸 | 5.8 英寸（对角线） |
| 分辨率 | 1125 × 2436 像素 |
| 像素密度 (PPI) | 458 PPI |
| 屏幕类型 | OLED（Super Retina HD） |
| 宽高比 | 19.5:9 |
| 屏幕比例 | ≈ 2.167:1 |
💡 为什么这个分辨率重要？
- 高清细腻：458 PPI 远超人眼识别极限，文字和图像极其锐利。
- 适配开发：Web 和 App 开发者需注意逻辑分辨率（375 × 812 pt）与实际像素的比例为 3:1。
- OLED 优势：每个像素自发光，实现真正的黑色和高对比度（1,000,000:1）。
- 全面屏设计：刘海屏布局影响内容安全区域，需使用 CSS 安全区域环境变量适配。
🖥️ 开发者注意事项
在响应式网页设计中，可通过以下方式适配 iPhone XS：
@media screen and (device-width: 375px)
and (device-height: 812px)
and (-webkit-device-pixel-ratio: 3) {
/* iPhone X / XS / 11 Pro 样式 */
}同时建议使用：
env(safe-area-inset-top)
env(safe-area-inset-bottom)来避免内容被刘海或底部 Home Indicator 遮挡。
🔍 与其他 iPhone 对比
iPhone XS 与 iPhone X 分辨率完全相同，但相比 iPhone XR（828 × 1792）拥有更高 PPI 和 OLED 屏幕。而后续的 iPhone 11 Pro 也沿用了相同的屏幕规格。