解决移动端禁止双指缩放功能
在实际开发中,我们禁止缩放的实现方式:
meta设置:
<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />在ios10以上的系统中,并不支持meta标签,需要我们通过脚本实现:
window.addEventListener(
"touchmove",
function(event) {
if(event.scale !== 1) {
event.preventDefault();
}
}, {
passive: false
}
);本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!