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

引言

很多小伙伴,在开发过程中,经常遇到尺寸不明,无法呈现最好的结果,今天整理一下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各机型尺寸及导航栏高度_第1张图片

图标尺寸

iOS iPhone各机型尺寸及导航栏高度_第2张图片

iOS iPhone各机型尺寸及导航栏高度_第3张图片

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

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

iOS iPhone各机型尺寸及导航栏高度_第4张图片

 

 

iOS iPhone各机型尺寸及导航栏高度_第5张图片

 

iOS iPhone各机型尺寸及导航栏高度_第6张图片

iOS iPhone各机型尺寸及导航栏高度_第7张图片

 

iOS iPhone各机型尺寸及导航栏高度_第8张图片


iOS iPhone各机型尺寸及导航栏高度_第9张图片

iOS iPhone各机型尺寸及导航栏高度_第10张图片

你可能感兴趣的:(一天一读)