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

你可能感兴趣的:(移动端H5开发,前端大杂烩)