收藏
回答

微信小游戏在全面屏设备上如何做屏幕适配

想问下大家在做微信小游戏的时候,是如何处理全面屏的屏幕适配的?我的游戏是竖版游戏,可是在全面屏设备上,尤其是带刘海设备会有问题,例如:在iphoneX上,刘海胶囊部分直接不显示内容,就像是裁掉一样,游戏上方是有游戏内容的。在小米8上,是整个状态栏部分都不显示内容的,可是界面有拉伸。
期望结果是游戏不要留黑边(不包括状态栏),并且不影响游戏内按钮点击。
想知道有没有完美的解决方案?

以下是看了下真机上的参数值:

小米8取的statusBarHeight值为40, windowWidth:393,windowHeight:777,screenWidth:392,screenHeight:777

iPhoneX真机上取的statusBarHeight值为44, windowWidth:375,windowHeight:812,screenWidth:375,screenHeight:812

iPhone6真机上取的statusBarHeight值为20, windowWidth:375,windowHeight:667,screenWidth:375,screenHeight:667

回答关注问题邀请回答
收藏

2 个回答

  • 俄罗斯方块、
    俄罗斯方块、
    2018-12-24

    把data-scale-mode设置成fixedNarrow,然后把left,right,top,bottm都设置成0

    2018-12-24
    有用 1
    回复
  • Mr.H
    Mr.H
    2018-10-30

    难道木有人遇到这种问题吗?大家是怎么适配iPhone 全面屏的?

    2018-10-30
    有用
    回复 5
    • 马万龙
      马万龙
      2018-10-31

      iPhone   还好一点statusBarHeight > 20 就是全面屏了  

      安卓一堆机型statusBarHeight都不一样 同一个机型同一个系统同一个微信版本statusBarHeight 也会不一样

      2018-10-31
      回复
    • Mr.H
      Mr.H
      2018-10-31回复马万龙

      那你是怎么做的全面屏适配咧?

      2018-10-31
      回复
    • 马万龙
      马万龙
      2018-10-31回复Mr.H

      我也在想怎么弄

      2018-10-31
      回复
    • Mr.H
      Mr.H
      2018-10-31回复马万龙

      ...加油兄弟,我也在研究

      2018-10-31
      回复
    • 欢乐马
      欢乐马
      2019-11-13
      请问,这个问题解决了吗,谢谢
      2019-11-13
      回复
登录 后发表内容