移动端（手机及平板）禁止用户缩放/拖动网页

禁止缩放

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

user-scalable=no|yes 设置用户缩放

禁止拖动

document.ontouchmove = function(e){ e.preventDefault(); }; //文档禁止 touchmove事件

document.documentElement.style.webkitTouchCallout = "none"; //禁止弹出选择菜单  估计迟早要用到

 

移动端（手机及平板）禁止用户缩放/拖动网页