随着H5的火爆,我们需要越来阅多的H5页面,因为手机屏幕高度不同,对于初级的设计师和前端来说,总是不了解微信的可视高度是多少,但是做为一个产品是不能不知道这些尺寸的。

下面总结一部分方便查阅。

导航栏+iphone状态栏高度: 64px

iphone4 屏幕总宽度: 320px 屏幕总高度: 480px 微信网页可视高度: 416px

iphone5 屏幕总宽度: 320px 屏幕总高度: 568px 微信网页可视高度: 504px

iphone6 屏幕总宽度: 375px 屏幕总高度: 667px 微信内网页可视高度: 603px

iphone6 plus 屏幕总宽度: 414px 屏幕总高度: 736px 微信网页可视高度: 672px

samsung galaxy note3 (三丧手机开发者的黑洞。。)
导航栏+Android状态栏高度: 73px
屏幕总宽度: 360px
屏幕总高度: 640px
微信网页可视高度: 567px

先总结这些,欢迎朋友们提交更多的尺寸过来。