zoukankan      html  css  js  c++  java
  • h5页面在移动端禁止缩放,双击放大,双指放大

    h5的页面在手机浏览器,或者微信里面访问时,有时候不小心点了,页面就变大了

     就像这样

    需要在js里面添加方法

    将如下代码拷贝就OK了

    // 禁用缩放
    function addMeta() {
        $('head').append('<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />');
    }
    setTimeout(addMeta, 3000);
    
    // 禁用双指放大
    document.documentElement.addEventListener('touchstart', function (event) {
        if (event.touches.length > 1) {
            event.preventDefault();
        }
    }, {
        passive: false
    });
    
    // 禁用双击放大
    var lastTouchEnd = 0;
    document.documentElement.addEventListener('touchend', function (event) {
        var now = Date.now();
        if (now - lastTouchEnd <= 300) {
            event.preventDefault();
        }
        lastTouchEnd = now;
    }, {
        passive: false
    });
  • 相关阅读:
    IO流
    集合中的工具类Collections和Arrays
    排序 查找
    函数及数组
    变量、静态的和单例模式
    java流程控制
    configure使用
    --sysroot
    LD_PRELOAD
    Linux下内存检测工具:asan :编译-连接-运行选项
  • 原文地址:https://www.cnblogs.com/cyhsmile/p/13995658.html
Copyright © 2011-2022 走看看