iOS:iPhone手机分辨率、尺寸、导航栏尺寸、Tabbar尺寸对比(菜鸟教程)

手机机型(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像素,横屏plus/max机型都是44(同竖屏),非max为32;
2.Tabbar:竖屏都是49像素,全屏手机需加上34的安全距离。横屏max机型是49(同竖屏)非max机型是32,全屏需加上21的安全距离;
3.通过模拟器测试,全面屏横屏无法通过(prefersStatusBarHidden)显示状态栏。

你可能感兴趣的:(菜鸟教程,iOS【UI】,iphone,ios)