总结 状态栏、导航栏 和 tabbar 高度

iPhone型号 状态 状态 导航 导航 tabbar tabbar
iPhone型号 竖屏 横屏 竖屏 横屏 竖屏 横屏
5s/SE/6/6s/7(iOS 10↓) 20 20 44 32 49 49
5s/SE/6/6s/7/8/SE2/SE3(iOS 11↑) 20 20 44 32 49 32
6 Plus/6s Plus/7 Plus/8 Plus 20 20 44 44 49 49
X/XS/11 Pro(iOS 16↓) 44 0 44 32 83(49+34) 53(32+21)
XS/11 Pro(iOS 17↑) 44 0 44 44 83(49+34) 53(32+21)
XR/11(iOS 13↓)/XS Max/11 Pro Max 44 0 44 44 83(49+34) 70(49+21)
XR/11(iOS 14↑) 48 0 44 44 83(49+34) 70(49+21)
12 mini/13 mini(iOS 16↓) 50 0 44 32 83(49+34) 53(32+21)
12 mini/13 mini(iOS 17↑) 50 0 44 44 83(49+34) 53(32+21)
12/13/14/12 Pro/13 Pro(iOS 16↓) 47 0 44 32 83(49+34) 53(32+21)
12/13/14/12 Pro/13 Pro(iOS 17↑) 47 0 44 44 83(49+34) 53(32+21)
12 Pro Max/13 Pro Max/14 Plus 47 0 44 44 83(49+34) 70(49+21)
14 Pro(iOS 16↓) 54 0 44 32 83(49+34) 53(32+21)
14 Pro(iOS 17↑)/15/16/15 Pro/16 Pro 54 0 44 44 83(49+34) 53(32+21)
15 Plus/16 Plus/14 Pro Max/15 Pro Max/16 Pro Max 54 0 44 44 83(49+34) 70(49+21)
各种bar 高度总结
状态栏 刘海屏iPhone竖屏44,灵动岛iPhone竖屏54,全面屏iPhone横屏0,普通iPhone为20
导航栏 屏幕宽度小于400的设备在iOS16及以下的系统横屏时为32,其余情况为44
tabbar 屏幕宽度小于400的设备在iOS11及以上的系统横屏时为32,其余情况为49
安全区域 竖屏34,横屏21
iPad型号 状态 导航 tabbar
普通iPad(iOS11) 20 44 49
普通iPad(iOS12) 20 50 50
全面屏iPad 24 50 65(50+15)

附:iOS设备屏幕宽高统计

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。