你可以通过简单地将以下“元”元素添加到你的“头脑”中来完成任务:

<meta name="viewport" content="user-scalable=no">

添加所有属性，如'width'，'initial-scale'， 'maximum-width'， 'maximum-scale'可能不起作用。因此，只需添加上面的元素。

这可能会对某些人有所帮助:在iOS上，我的问题通过将<button>s交换为<div>s以及其他提到的事情来解决。

对于那些晚到派对的人来说，kgutteridge的答案对我来说不适用，Benny Neugebauer的答案包括目标密度(一个被弃用的功能)。

然而，这对我来说是有效的:

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

document.addEventListener('dblclick', (event) => {
    event.preventDefault()
}, { passive: false });

请尝试添加此元标签和样式

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


<style>
body{
        touch-action: manipulation;
    }
</style>

这应该是你需要的一切:

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