iPhone状态栏、导航栏 和 tabbar 高度总结
作者:
豆汁儿还是豆花儿 | 来源:发表于
2023-07-04 10:58 被阅读0次
| iPhone型号 |
状态 |
状态 |
导航 |
导航 |
tabbar |
tabbar |
| iPhone型号 |
竖屏 |
横屏 |
竖屏 |
横屏 |
竖屏 |
横屏 |
| 5s/SE/6/6s/7(iOS 10) |
20 |
20 |
44 |
32 |
49 |
49 |
| 5s/SE/6/6s/7/8(iOS 11) |
20 |
20 |
44 |
32 |
49 |
32 |
| 6/6s/7/8 Plus |
20 |
20 |
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) |
| XR/11(iOS 13) |
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/13 mini |
50 |
0 |
44 |
32 |
83(49+34) |
53(32+21) |
| 12/13/14、12/13 Pro |
47 |
0 |
44 |
32 |
83(49+34) |
53(32+21) |
| 12/13 Pro Max、14 Plus |
47 |
0 |
44 |
44 |
83(49+34) |
70(49+21) |
| 14 Pro |
59 |
0 |
44 |
32 |
83(49+34) |
53(32+21) |
| 14 Pro Max |
59 |
0 |
44 |
44 |
83(49+34) |
70(49+21) |
| 各种bar |
高度总结 |
| 状态栏 |
全面屏iPhone竖屏44-59，全面屏iPhone横屏0，普通iPhone为20
|
| 导航栏 |
屏幕宽度小于400的设备横屏时为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) |
参考：https://www.jianshu.com/p/092f25b72668
本文标题：iPhone状态栏、导航栏 和 tabbar 高度总结
本文链接：https://www.haomeiwen.com/subject/izacudtx.html
网友评论