我懂这种 frustration——Chrome的桌面站点模式有时候会忽略常规的禁用缩放设置，你试过的meta标签和简单的双击事件阻止没起效太正常了。下面是几个我实际项目里验证过的有效方案：

方案1：使用CSS touch-action 属性（推荐） #

这个CSS属性专门用来控制触摸交互行为，针对桌面站点模式模拟触摸的场景特别管用。你可以给根元素设置：

html {
  touch-action: manipulation;
}

manipulation 值的作用是允许滚动和捏合缩放，但会禁止双击缩放、双击滚动这类不需要的触摸触发行为，比直接设touch-action: none更友好，不会完全禁用所有触摸交互。

如果这个还不够彻底，也可以试试：

html, body {
  touch-action: none;
}

不过这个会禁用所有触摸相关的操作，包括滚动，所以只适合不需要滚动的页面。

方案2：在事件捕获阶段阻止双击事件 #

你之前用window.ondblclick没起效，大概率是因为事件在冒泡阶段被页面里的其他元素提前处理了。试试在捕获阶段监听双击事件，这样能更早阻止默认行为：

document.addEventListener('dblclick', function(event) {
  event.preventDefault();
  event.stopPropagation();
}, true);

第三个参数true表示在捕获阶段触发监听函数，这样就能优先于页面内的其他元素拦截双击事件，阻止缩放触发。

方案3：强化meta标签配置 #

虽然你试过meta标签，但可以试试更完整的配置，确保Chrome桌面站点模式能识别：

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

不过要注意，这个方案在桌面站点模式下可能依然被浏览器忽略，所以最好和前面的CSS或JS方案配合使用。

总结 #

优先尝试方案1的touch-action: manipulation，这是最简洁且符合规范的方法；如果还是不行，再搭配方案2的事件监听。这两个组合基本能解决Chrome桌面站点模式下的双击缩放问题。

内容的提问来源于stack exchange，提问作者Bikram Kumar