JavaScript 控制网页缩放：允许或禁止用户缩放

如何用 JavaScript 进行控制 <meta> 允许用户缩放或禁止缩放内容

你可以通过以下方式使用 JavaScript 控制 <meta> 标签的缩放：

1. 获取 <meta> 标签元素：

var meta = document.querySelector('meta[name="viewport"]');

2. 设置 <meta> 标签的 content 属性，其中包含缩放选项：

允许用户缩放：

meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes');

禁止用户缩放：

meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');

3. 将修改后的 <meta> 标签元素插入文档中：

document.head.appendChild(meta);

完整的代码示例：

var meta = document.querySelector('meta[name="viewport"]');
meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');
document.head.appendChild(meta);