手机端放大问题
程序员文章站
2022-03-16 13:01:27
解决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