小游戏横屏配置后显示不正常

1. 横屏首先在game.json配置:

{

    "deviceOrientation": "landscape"

}

2. 在调用

import './js/libs/weapp-adapter'

import './js/libs/symbol'

之后重新获取画布

var canvas = wx.createCanvas()

3. 更改屏幕宽高变量

const screenWidth  = window.innerWidth

const screenHeight = window.innerHeight

改为 微信canvas的

const screenWidth  = canvas.width

const screenHeight = canvas.height

模拟器内正常

手机预览按钮，文字比例不正常，事件焦点完全无法触发

开发工具提供的射击游戏范例也是如此，模拟器内显示正常

手机预览文字比例不正常，事件焦点，检测碰撞安全不正确，事件完全无法触发

若将宽高变量恢复为

const screenWidth  = window.innerWidth

const screenHeight = window.innerHeight

则显示变形

希望能得到解答，谢谢！