老师老师,我又来了,学完了您的课程,不过碰到个棘手的缩放问题,应该属于这一课的,我就来了

wgs3101 Phaser.js 游戏的创建 最后由 wgs3101 于2017年02月23日回复

  • 9 解决
  • 3k 浏览

HTML里的屏宽高获取用的这一行<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">并且限定了一些东西,例如不能缩放啥的,至于JS用的是

game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;

当然也用了居中代码,在网页情况下 是毫无问题,无论如何缩放都能等比。可是到了微信……一旦横屏,因为微信上边栏的原因,就变成了图2那样…… 请问老师我该怎么解决呀

03gcct7crne8u.jpeg

3uvw2a06aneok.jpeg

  • wgs3101 2017年02月23日 回答 #9楼
  • 都试了,昨天晚上弄好了。用了CSS才好的。

  • 0 评论
  • chapin 2017年02月22日 回答 #1楼
  • 你是中途旋转的还是说一开始就是横屏的状态,然后刷新页面也会这样子?

  • 0 评论
  • wgs3101 2017年02月22日 回答 #2楼
  • 神奇的就是 不管是一开始就是已经旋转好的 还是说 等游戏出来在旋转 都是图2的样子…………………… 就算刷新也是图2 只要手机是横着的 就看不到地面

  • 0 评论
  • chapin 2017年02月22日 回答 #5楼
  • 那你最好能放一个网上能访问的链接

  • 0 评论
  • chapin 2017年02月22日 回答 #8楼
  • 在设置scaleMode的值之前,写一句这样的语句试试: 

    game.scale.compatibility.canExpandParent = false;

  • 0 评论