常见的手机设计大小

iphone

iphone6的界面布局是：屏幕为4.7英寸，设计稿的大小为750x1334px。以下是各个部分的高度：

- 状态栏：高度为40px。- 导航栏：高度为88px。- 主菜单栏（submenu，tab）：底部条，高度为98px。- iphone6有tabbar内容区域（content）：屏幕中间的区域，高度为1334px-40px-88px=1108px。- iphone6无tabbar内容区域（content）：屏幕中间的区域，高度为1334px-40px-88px=1206px。

iphoneX的界面布局是：屏幕为4.7英寸，设计稿的大小为750x1624px。以下是各个部分的高度：

屏幕

- iphoneX有tabbar内容区域（content）：屏幕中间的区域，高度为1624px-40px-88px=1398px。- iphoneX无tabbar内容区域（content）：屏幕中间的区域，高度为1624px-40px-88px=1496px。

计算出的安全区域约为1206px。也就是说，在这个范围内显示的内容是安全的。