在Safari ios12 ***上禁用双击Zoom/调整大小



我在互联网上搜索99%的网站...不,答案可以解决我的问题..我正在使用iOS 12 ...现在是否可以完全禁用Safari Double Tap现在?

或当用户被双敲打时我可以具有一些代码检测功能吗?

我花了2周,我仍然找不到解决方案。这就是我尝试的...CSS:

* {
  -webkit-text-size-adjust: none;
  zoom: 1;
  touch-action: manipulation;
}
* {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

和禁用视口缩放iOS 10 Safari?

我讨厌野生动物园..

在HTML元素上添加空单击侦听器将阻止双击Zoom。

这很丑陋,但是做了工作。

myElement.addEventListener("click", event => {});

接下来我想找出禁用所有缩放的事情是防止捏。

不幸的是,在iOS动量滚动期间,没有派遣触摸事件。只要页面不滚动(仅在12.2上测试(:

,以下代码有效。
document.addEventListener("touchstart", event => {
    if(event.touches.length > 1) {
        console.log("zoom plz stahp");
        event.preventDefault();
        event.stopPropagation(); // maybe useless
    }
}, {passive: false});

将CSS样式touch-action: pan-y添加到<body>标签中。仅此而已。

禁用 double tap 捏手势 i选择以下组合:

禁用双击

document.addEventListener("click", event => {
  event.preventDefault()
  event.stopPropagation()
})

禁用捏手势

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

最新更新