iPhone屏幕尺寸、statusBar、navigationB
2020-11-12 本文已影响0人
左方
| 手机机型(iPhone) | 屏幕尺寸(inch) | 逻辑分辨率(pt) | 设备分辨率(px) | 缩放因子 (Scale Factor) | 像素密度(ppi) |
|---|---|---|---|---|---|
| 5(s/se) | 4 | 320×568 | 640×1136 | @2x | 326 |
| 6(s)/7/8/se2 | 4.7 | 375×667 | 750×1334 | @2x | 326 |
| 6 Plus/7 Plus/8 Plus | 5.5 | 414×736 | 1242×2208 | @3x | 401 |
| X/XS/11 Pro | 5.8 | 375×812 | 1125×2436 | @3x | 458 |
| XR/11 | 6.1 | 414×896 | 828×1792 | @2x | 326 |
| XS Max/11 Pro Max | 6.5 | 414×896 | 1242×2688 | @3x | 458 |
| 12 mini | 5.4 | 375×812 | 1080×2340 | @3x | 467 |
| 12/12 Pro | 6.1 | 390×844 | 1170×2532 | @3x | 460 |
| 12 Pro Max | 6.7 | 428×926 | 1284×2778 | @3x | 458 |
| iPhone型号 | 状态栏 | 状态栏 | 导航栏 | 导航栏 | tabBar | tabBar |
|---|---|---|---|---|---|---|
| iPhone型号 | 竖屏 | 横屏 | 竖屏 | 横屏 | 竖屏 | 横屏 |
| 5s/SE/6/6s/7/8(iOS10) | 20 | 0 | 44 | 32 | 49 | 49 |
| 5s/SE/SE2/6/6s/7/8(iOS11+) | 20 | 0 | 44 | 32 | 49 | 32 |
| 6 Plus/7 Plus/8 Plus | 20 | 0 | 44 | 44 | 49 | 49 |
| X/XS/11 Pro | 44 | 0 | 44 | 32 | 83(49+34) | 53(32+21) |
| XS Max/11 Pro Max | 44 | 0 | 44 | 44 | 83(49+34) | 70(49+21) |
| 11/XR | 44 | 0 | 44 | 44 | 83(49+34) | 70(49+21) |
| 11/XR(iOS 14+) | 48 | 0 | 44 | 44 | 83(49+34) | 70(49+21) |
| 12/12 Pro/ | 47 | 0 | 44 | 32 | 83 | 53 |
| 12 Pro Max | 47 | 0 | 44 | 44 | 83 | 70 |
| 12 mini | 44 | 0 | 44 | 32 | 83 | 53 |
1.导航栏：竖屏都是44像素，横屏max机型都是44（同竖屏），非max为32；
2.Tabbar：竖屏都是49像素，全屏手机需加上34的安全距离。横屏max机型是49（同竖屏）非max机型是32，全屏需加上21的安全距离；
3.通过模拟器测试，全面屏横屏无法通过（prefersStatusBarHidden）显示状态栏。
