iOS status bar, navigation bar and tabbar height

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)

Guess you like

Origin blog.csdn.net/weixin_33735077/article/details/90861714