Question

在我正在构建的应用程序上，我需要禁用缩放和滚动，这是我使用视口元标记执行的操作：

<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'>

如果我尝试用一根手指进行扫描，但是当我用两根手指捏住并且其中一根从屏幕上抬起时，滚动就会启用，直到我从屏幕上抬起第二根手指，这一切都正常！另外，在保持一根手指的同时，如果我用第二根手指触摸并捏住，它也会变焦......

我尝试在gesturechange上添加preventdefault但它似乎不起作用。我有什么想法吗？

以下是我已经使用过的一些代码：

document.body.addEventListener('touchmove', function(e){ e.preventDefault(); });
document.body.addEventListener('gesturechange', function(e){ 
    e.preventDefault();
    e.stopPropagation();
    e.stopImmediatePropagation();
});

Answer 1

试试这个：

<meta name="viewport" content="width=device-width, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

Answer 2

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

将用户缩放设置为no。

表面平板电脑上的Chrome可在捏缩放后禁用扫描

2 个答案: