iPhone 8 Plus 是苹果公司于 2017 年发布的智能手机，搭载了经典的 Retina HD 显示屏。对于 UI/UX 设计师和前端开发者而言，了解其屏幕参数对页面或应用的适配至关重要。
| 项目 | 参数 |
|---|---|
| 设备型号 | iPhone 8 Plus |
| 屏幕尺寸 | 5.5 英寸（对角线） |
| 物理分辨率 | 1920 × 1080 像素 |
| 逻辑分辨率（CSS 像素） | 736 × 414 pt |
| 像素密度 (PPI) | 401 PPI |
| 设备像素比 (DPR) | 3x |
| 屏幕类型 | Retina HD LCD |
在进行网页或 App 设计时，请使用逻辑分辨率（736×414 pt）作为基准，并确保资源提供 @3x 版本以适配高 DPI 屏幕。
对于响应式网页开发，可使用如下媒体查询：
@media screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
/* iPhone 8 Plus 样式 */
}
Q：为什么逻辑分辨率和物理分辨率不同？
A：iOS 使用“点（pt）”作为布局单位，系统会自动将 1pt 映射为多个物理像素（此处为 3 像素），以保证界面在高密度屏幕上依然清晰且元素大小合理。