Javascript Internet Explorer 11触摸屏-防止页面上出现拉手势

我现在正在开发一款html5游戏，它在画布上使用touchevents。 在IE11forWindowsPhone8.1（也可能是android/ios）上，上下移动手指（比如滚动）会挤压/拉动页面（因为没有任何东西可以滚动），并留下不利的空白

我试过了

html, body, canvas {
touch-action: none;
}

在CSS中，但没有成功

我还试着设置

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

在HTML中，也没有成功

有人对这种行为有办法吗？对于IE11上的大多数网站来说，这似乎很常见，但我需要修复页面