关于safari浏览器及其他浏览器存在的页面缩放等问题

1,031 阅读1分钟

问题表现

移动端h5网页。在safari浏览器中可被用户进行缩放操作

解决方案

在index.html模板文件中添加以下内容

image.png

代码:

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

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.addEventListener('dblclick', function(event) {
					event.preventDefault();
				})
			}

解决该问题参照@shimh_凉茶 链接:blog.csdn.net/weixin_3440…