iOS status bar, navigation bar and tabbar height
Others
2019-06-14 19:46:49
views: null
iPhone models |
status |
status |
navigation |
navigation |
tabs |
tabs |
iPhone models |
Portrait |
Horizontal screen |
Portrait |
Horizontal screen |
Portrait |
Horizontal screen |
5s / SE / 6 / 6S / 7/8 (iOS10) |
20 |
20 |
44 |
32 |
49 |
49 |
5s / SE / 6 / 6S / 7/8 button (iOS11) |
20 |
20 |
44 |
32 |
49 |
32 |
6 / 6s / 7/8 Plus |
20 |
20 |
44 |
44 |
49 |
49 |
X/XS |
44 |
0 |
44 |
32 |
83(49+34) |
53(32+21) |
XR/XS Max |
44 |
0 |
44 |
44 |
83(49+34) |
70(49+21) |
Various bar |
Height summary |
Status Bar |
Full screen iPhone vertical screen 44 , the full-screen iPhone landscape 0 , ordinary iPhone to 20 |
Navigation Bar |
When the device is smaller than the width of the screen is 400 horizontal screen 32 , the remainder of the case 44 |
tabs |
Device 400 is smaller than the screen width is above a horizontal screen as the iOS11 system 32 , the remainder of the case 49 |
Security Zone |
Vertical screen 34 , horizontal screen 21 |
iPad models |
status |
navigation |
tabs |
Ordinary iPad (iOS11) |
20 |
44 |
49 |
Ordinary iPad (iOS12) |
20 |
50 |
50 |
Full screen iPad |
24 |
50 |
65(50+15) |
Origin blog.csdn.net/weixin_33735077/article/details/90861714