手机端放大问题

作者: 94在逗你
来源: 51数据库
2021-08-18

解决ios放大问题方法一：

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

解决ios放大问题方法二：
在public 目录里面 index 页面添加js方法

window.onload = function() { // 阻止双击放大 
		var lastTouchEnd = 0;
		 document.addEventListener('touchstart', function(event) {
		if (event.touches.length > 1) { 
		event.preventDefault(); 
		} });
		 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(); }); }
		
		document.body.addEventListener('touchmove', function (e) {
		e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)
		}, {passive: false});