nuxt2 如何限制移动端手动缩放 safari meta失效解决方案

nuxt2 如何限制移动端手动缩放

解决方案如下

1nuxt.config.js

重点添加maximum-scale=1.0,user-scalable=0

2.safari还是能够拖动
在 index.html
mounted添加
/

/ 禁止双击放大
//监听触摸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 });

打包发布重新查看