紧急求救!!!触摸位置与显示不一致

引擎版本:v1.10.2
打包版本:web-mobile
需求:基本要求是实现下面图片的效果,游戏居中,上下有其他内容显示,浏览器缩放时,游戏框会缩放。

目前已基本实现,方式是在css里进行修改,如下:

html里加减的标签页就不说了。搞了半天效果看起来是好了

但是目前发现游戏内的按钮的触摸和显示位置不一致,好像触摸位置整体往右上偏了。。。

现在不知道该怎么调整好,求大佬指教啊!!!!急急急,搞了好几天了,游戏里早好了就等这个。。。。。

没大大回复啊。。。还是说大大是用别的办法实现的,求指教啊!!!

同求,屏幕一变,一切完蛋。版本:2.4.2

老铁后来怎么解决的啊?