欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

手机网页怎么禁止缩放和拖动

更新时间: 2014-01-05 01:56:33 责任编辑: Author_N1

 

手机网页如何禁止缩放和拖动?
如题,写了个图片裁剪的页面,因为带裁剪框,所以只是希望能拖动裁剪框,而网页本身不会移动或缩放,就像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" />

这样可以禁止缩放。但是你不能禁止拖动,否则你的拖动裁剪框怎么实现?应该设置你的网页内容,限定它们的宽和高都不超过屏幕宽高。
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:56:33
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/3384/
本文WWW.DOC100.NET DOC100.NET版权所有。