JavaScript 控制 <meta> 标签缩放:禁止或允许用户缩放
可以使用以下代码来控制标签的缩放属性:
// 获取<meta>标签
var metaTag = document.querySelector('meta[name="viewport"]');
// 如果<meta>标签存在,则更新缩放属性
if (metaTag) {
metaTag.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');
} else { // 如果不存在,则创建新的<meta>标签并添加到<head>中
var metaTag = document.createElement('meta');
metaTag.setAttribute('name', 'viewport');
metaTag.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');
document.head.appendChild(metaTag);
}
上述代码将标签的缩放属性设置为禁止缩放。如果想允许用户缩放,只需将'user-scalable'属性的值改为'yes'即可。
原文地址: https://www.cveoy.top/t/topic/nHGo 著作权归作者所有。请勿转载和采集!