zoukankan      html  css  js  c++  java
  • 关于h5页面禁止缩放

    以前的做法都是直接在head中添加一个meta标签就可以控制

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

    可以这个标签在ios10以后就没有用了,于是网上找了好多资料,才看到

            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);
                document.addEventListener('gesturestart', function (event) {
                    event.preventDefault();
                });
            }

    这个方法确实可以控制到,可是还是有bug,就是当两个手指先后放入屏幕进行放大时,一样不能避免

  • 相关阅读:
    bootstrap 兼容 IE8
    在IE8的基础上安装IE11
    前台
    dll 库文件下载地址
    年轻
    linux 异常
    Navicat断网时连不上数据库
    jQuery
    破解版 Teamver 安装
    mysql
  • 原文地址:https://www.cnblogs.com/chao202426/p/11400032.html
Copyright © 2011-2022 走看看