k8w.io
微信&QQ内竖屏H5游戏最佳安全宽高比
2018-02-01作者:k8w

在微信、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
(正文完)
留言(0条)
发表新留言
您的大名:
必填
电子邮箱:
不公开,仅用于向你发送回复