解决移动端克制双指缩放功效

在现实开发中，我们克制缩放的实现方式：

meta设置：

<meta name="viewport"  content="width=device-width,height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />

user-scalabel=no或者user-scalabel=yes(yes是可以缩放，no或者0是不能缩放)

在ios10以上的系统中，并不支持meta标签，需要我们通过剧本实现：

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

注重：禁用双指缩放后，scroll事宜需要重新绑定，滚动条的事宜监听touchmove，touchstart,touchend;

思源资源网：分类流动

1.阿里云: 本站现在使用的是阿里云主机，平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动，优惠券领取点击进入

3.广告同盟: 整理了现在主流的广告同盟平台，若是你有流量，可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/1749

0 条评论