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 }
    );

打包发布重新查看