如题,写了个图片裁剪的页面,因为带裁剪框,所以只是希望能拖动裁剪框,而网页本身不会移动或缩放,就像www.baidu.com那样。求解决办法
------解决方案--------------------
禁止缩放
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
user-scalable=no
------解决方案--------------------
yes 设置用户缩放
禁止拖动
document.ontouchmove = function(e){ e.preventDefault(); }; //文档禁止 touchmove事件
document.documentElement.style.webkitTouchCallout = "none"; //禁止弹出选择菜单 估计你迟早要问的
------解决方案--------------------
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
这样可以禁止缩放。但是你不能禁止拖动,否则你的拖动裁剪框怎么实现?应该设置你的网页内容,限定它们的宽和高都不超过屏幕宽高。