美文网首页
防止iOS手机双击放大

防止iOS手机双击放大

作者: 风过留香_3356 | 来源:发表于2020-03-16 10:27 被阅读0次

    当写了这了 <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> ios有些手机还是可以双击屏幕放大,两个手指放大。

    | 解决方式:

    
    document.documentElement.addEventListener('touchstart', function (event) {
              if (event.touches.length > 1) {
                event.preventDefault();
              }
          }, false);
            var lastTouchEnd = 0;
          document.documentElement.addEventListener('touchend', function (event) {
              var now = Date.now();
              if (now - lastTouchEnd <= 300) {
                event.preventDefault();
              }
              lastTouchEnd = now;
          }, false);
          document.addEventListener('gesturestart', function(event) {
                event.preventDefault();
            });
    

    相关文章

      网友评论

          本文标题:防止iOS手机双击放大

          本文链接:https://www.haomeiwen.com/subject/xggcnctx.html