iOS iPhone各机型尺寸及导航栏高度

时间:2024-04-05 14:05:06

引言

很多小伙伴,在开发过程中,经常遇到尺寸不明,无法呈现最好的结果,今天整理一下iPhone5到iPhone XS Max的尺寸及导航高度

设备型号 iPhone4,4s iPhone5,5s,5c,SE iPhone 6,6s iPhone 6Plus,6sPlus ,iPhone 8Plus,7Plus iPhone 7,8 iPhone X,iPhone XS iPhone Xs Max iPhone XR
尺寸 3.5 4英寸 4.7英寸 5.5英寸 4.7英寸 5.8英寸 6.5英寸 6.1英寸
纵向分辨率 640 x 960 640 x1136(不包含状态栏) 750x 1334 1242 x 2208 750x 1334 1125 x 2436 1242 x 2688 828 x 1792
横向分辨率 960 x 640 1136 x 640(不包含状态栏) 1334x750 2208 x 1242 1334x750 2436 x 1125 2688 x 1242 1792 x828
支持倍数 @2x @2x @2x @3x @2x @3x @3x @3x
状态栏高度(px) 40 40 40 60 40 132 132 88
导航栏高度(px) 88 88 88 132 88 132 132 88
标签栏高度(px) 98 98 98 147 98 147 147 98

iOS iPhone各机型尺寸及导航栏高度

图标尺寸

iOS iPhone各机型尺寸及导航栏高度

iOS iPhone各机型尺寸及导航栏高度

中文字体(默认的是PingFang SC)

英文字体:SF UI Text 、SF UI Display
其中SF UI Text适用与小于19pt的文字,SF UI Display适用于大于20pt的文字

iOS iPhone各机型尺寸及导航栏高度

 

 

iOS iPhone各机型尺寸及导航栏高度

 

iOS iPhone各机型尺寸及导航栏高度

iOS iPhone各机型尺寸及导航栏高度

 

iOS iPhone各机型尺寸及导航栏高度


iOS iPhone各机型尺寸及导航栏高度

iOS iPhone各机型尺寸及导航栏高度