在微信、QQ内的H5游戏,由于顶部有微信/QQ自带的Header,导致无法全屏。
在这种情况下,采用什么样的宽高比,能最大限度的满足兼容性和体验呢?
机型测试
对典型分辨率的机型,分布在微信和手Q下测试了H5游戏的满屏分辨率,结果如下:
- iPhone6
- 屏幕分辨率:750x1334
- 微信:750x1206 (宽高比:1.608)
- 手Q:750x1205(宽高比:1.607)
- 华为荣耀5
- 屏幕分辨率:1080x1920
- 手Q:1080x1554 (宽高比:1.438)
- 其它宽高比
- 16:9 = 1.7778
- 3:2 = 1.5
- 4:3 = 1.33
结论
- 素材宽度以iPhone6屏幕分辨率为基准(屏宽750),平衡性能与体验
- 宽高比方面最低需兼容1080p,采用1.44
- 合分辨率:750*1080
(正文完)