HTML 移动端限制用户双击缩放

代码

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

含义

• width=device-width：页面宽度跟随设备宽度。
• initial-scale=1.0：初始缩放比例。
• maximum-scale=1.0：最大缩放比例设为 1。
• user-scalable=no：禁止用户缩放。

CSS 禁止双击缩放

某些浏览器（尤其iOS Safari）即使设置了viewport，双击仍可能触发缩放，可以加

html, body {
    touch-action: manipulation;
}