iPhone 8 是苹果公司于 2017 年发布的一款经典智能手机，虽然已非最新机型，但其屏幕规格仍被广泛用于网页与 App 的兼容性测试。
iPhone 8 屏幕核心参数
| 项目 | 参数 |
|---|---|
| 屏幕类型 | Retina HD LCD（IPS 技术） |
| 屏幕尺寸 | 4.7 英寸（对角线） |
| 物理分辨率 | 1334 × 750 像素 |
| 像素密度 (PPI) | 326 PPI |
| 屏幕比例 | 16:9 |
| 设备像素比 (DPR) | @2x |
| CSS 逻辑分辨率 | 667 × 375 pt（或 CSS 像素） |
| 宽高比（近似） | 1.78:1 |
开发者注意事项
- 在响应式网页设计中，可将 iPhone 8 视为宽度 375px 的典型设备。
- 媒体查询建议使用：
@media (max-width: 375px) { ... } - 由于采用 @2x 屏幕，图像资源需提供 2 倍图以保证清晰度。
与其他 iPhone 对比
与 iPhone 8 Plus（5.5 英寸，1920×1080，@3x）和 iPhone X（5.8 英寸，异形屏，@3x）相比，iPhone 8 保留了经典的 16:9 比例，无刘海设计，更适合传统布局测试。