# 移动端下禁止用户页面缩放

# 快速导航

# 方式1-使用meta标签

header头部使用meta标签

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

# 方式2-使用js实现

// 移动端下,禁止用户缩放
document.addEventListener('touchstart', function(event) {
    if (event.touches.length > 1) {
        event.preventDefault();
    }
});
document.addEventListener('gesturestart', function(event) {
    event.preventDefault();
});
1
2
3
4
5
6
7
8
9
白色

关注公众号

一个走心,有温度的号,同千万同行一起交流学习

加作者微信

扫二维码 备注 【加群】

扫码易购

福利推荐