移动端禁止浏览器强制缩放问题

[ChiangShenHung]

<script> window.onload=function () { document.addEventListener('touchstart',function (event) { if(event.touches.length>1){ event.preventDefault(); } }) var lastTouchEnd=0; document.addEventListener('touchend',function (event) { var now=(new Date()).getTime(); if(now-lastTouchEnd<=300){ event.preventDefault(); } lastTouchEnd=now; },false) } </script> 但是这个好像不能判断手指不同时放在屏幕上，先后放在屏幕上同样可以做到缩放，是否可以通过监听屏幕手指数量来实现进一步的禁止缩放行为？

[天际的海浪]

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

[缘飞梦]

<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">在head标签中添加这一行代码，就可以实现移动端禁止浏览器缩放

[业余草]

[圆溜溜大西瓜]

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

[daoke_li]

//禁止双指放大 document.documentElement.addEventListener('touchstart', function (event) { if (event.touches.length > 1) { event.preventDefault(); } }, {passive:false}); // 禁止双击放大 let lastTouchEnd = 0; document.documentElement.addEventListener('touchend', function (event) { var now = Date.now(); if (now - lastTouchEnd <= 300) { event.preventDefault(); } lastTouchEnd = now; }, {passive:false}); 注意 {passive:false}

[晓狐狸吖]

用了5楼的代码放到了App.vue上面真的可以。多谢多谢