iPhone 11 是苹果公司于 2019 年发布的智能手机,其屏幕采用了 Liquid Retina HD 显示技术。以下是关于 iPhone 11 屏幕的详细参数信息,适用于 UI/UX 设计师、前端开发者及普通用户参考。
| 项目 | 参数 |
|---|---|
| 屏幕尺寸(对角线) | 6.1 英寸 |
| 实际分辨率(物理像素) | 828 × 1792 像素 |
| 逻辑分辨率(CSS 像素) | 414 × 896 pt |
| 像素密度(PPI) | 326 PPI |
| 屏幕比例 | 19.5:9 |
| 屏幕类型 | Liquid Retina HD LCD |
| 缩放因子(Scale Factor) | @2x |
在进行移动端网页或 App 设计时,请以逻辑分辨率为基准(414×896 pt),并确保资源按 @2x 提供。例如,一个 100×100 pt 的按钮,在实际图像资源中应提供 200×200 像素的图片。
注意:iPhone 11 没有“刘海”区域的高度问题(刘海高度为 44pt),安全区域需通过 CSS 环境变量(如 env(safe-area-inset-top))处理,避免内容被遮挡。
Q:iPhone 11 和 iPhone XR 屏幕一样吗?
A:是的,两者屏幕参数完全相同。
Q:为什么逻辑分辨率是实际分辨率的一半?
A:因为 iPhone 11 使用 @2x 缩放因子,1 个逻辑点对应 2×2 个物理像素,便于开发者统一布局。