iphone手机屏幕开发尺寸

iphone手机屏幕尺寸

移动端H5开发有必要了解一下主流手机的页面可视窗口大小，可以提前告知设计师，避免不必要的麻烦，对于手机适配也更好把控。由于iphone的分辨率是屏幕尺寸像素的两倍，设计师设计图得是页面宽高的两倍，以iphone6为例，设计图尺寸为750*1206px。

现在最主流的iPhone6/6s/7/8在微信等带有导航条的app上的设计尺寸大小：

减去的高度 64px = 导航栏：44px + 状态栏：20px

其他iphone尺寸

可以使用冒号来定义对齐方式：

iPhone手机	屏幕总宽度	屏幕总高度	微信网页可视高度
iPhone4	320px	480px	416px
iPhone5/5c/5s/se	320px	568px	504px
iPhone6/6s/7/8	375px	667px	603px
iPhone6/6s/7/8+plus	414px	736px	672px