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 比例,无刘海设计,更适合传统布局测试。