AI智能
改变未来

解决iOS和安卓端的无法禁止双指缩放,双击缩放问题


方法一:

在程序的入口页面的 <meta>标签 里面加
maximum-scale=0, user-scalable=0

maximun-scale:允许用户的最大缩放值,0.0-10.0之间;
minimum-scale : 最小缩放系数,0.0-10.0之间;
user-scalable:是否允许用户进行缩放;这两个的默认属性为允许 yes 或 1,不允许则为 no 或 0;
initial-scale: 设备宽度与 viewport大小之间的缩放比例,0.0-10.0之间

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

方法二:

在js 里面加代码

禁止双指缩放

window.addEventListener(\"touchmove\",function(event) {if(event.scale !== 1) {event.preventDefault();}}, {passive: false});

禁止点击缩放

var lastTouchEnd = 0;window.addEventListener(\'touchend\', function(event) {var now = (new Date()).getTime();if (now - lastTouchEnd <= 300) {event.preventDefault();}lastTouchEnd = now;}, false);

但是呢,ios不停操作调整点击速度,还是有缩放的情况出现,所以就把能想到的都加上了,目前是有效果的

window.addEventListener(\'gesturestart\', function (event) {event.preventDefault();});window.addEventListener(\'gesturechange\', function (event) {event.preventDefault();});window.addEventListener(\'gestureend\', function (event) {event.preventDefault();});

如果有更好的方法欢迎交流……^ _ ^

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » 解决iOS和安卓端的无法禁止双指缩放,双击缩放问题