欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

手机端放大问题

程序员文章站 2022-06-23 09:04:37
解决ios放大问题方法一:解决ios放大问题方法二:在public 目录里面 index 页面添加js方法window.onload = function() { // 阻止双击放大 var lastTouchEnd = 0; document.addEventL...

解决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});

本文地址:https://blog.csdn.net/weixin_46931481/article/details/110704109

相关标签: vue