关于h5页面禁止缩放

概述以前的做法都是直接在head中添加一个meta标签就可以控制 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> 可以这个标签在ios10以后就没有用了，于是网上找了好多资料，才看到 windo

以前的做法都是直接在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，就是当两个手指先后放入屏幕进行放大时，一样不能避免

总结

以上是内存溢出为你收集整理的关于h5页面禁止缩放全部内容，希望文章能够帮你解决关于h5页面禁止缩放所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。