基本参数
- 屏幕尺寸:4.7 英寸(对角线)
- 物理分辨率:1334 × 750 像素
- 逻辑分辨率(Points):667 × 375 pt
- 像素密度(PPI):326 PPI
- 屏幕比例:16:9(宽高比)
- Retina 显示屏:是(2x 缩放因子)
设计与开发适配建议
由于 iPhone 7 使用的是标准的 16:9 比例,且属于 Apple 的 Retina HD 显示设备,在进行 Web 或 App 开发时应注意以下几点:
- 使用
@2x图片资源以确保清晰度。 - 在 CSS 中可使用媒体查询针对 375px 宽度进行响应式布局设计。
- iOS Safari 默认视口宽度为 375px(逻辑像素),无需额外缩放设置即可良好显示。
- 避免固定高度布局,推荐使用弹性盒(Flexbox)或 Grid 布局。
常见误区
很多人误以为 iPhone 7 的屏幕比例是“全面屏”或接近 19.5:9,实际上它仍采用经典的 16:9 比例,与 iPhone 6/6s/8 系列一致。