移动端（手机及平板）禁止用户缩放/拖动网页
2014-11-14 10:16
106 查看
禁止缩放
<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"; //禁止弹出选择菜单 估计迟早要用到
移动端（手机及平板）禁止用户缩放/拖动网页
<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"; //禁止弹出选择菜单 估计迟早要用到
移动端（手机及平板）禁止用户缩放/拖动网页
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 手机网页怎么禁止缩放
- js 禁止用户使用Ctrl+鼠标滚轮缩放网页
- 手机版本用户不可以缩放网页设置。
- 手机禁止缩放网页 手机CSS导入
- 网页在手机上打开后禁止缩放的办法
- JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
- 微信浏览器返回刷新，监听微信浏览器返回事件，网页防复制，移动端禁止图片长按和vivo手机点击img标签放大图片
- oxyplot 禁止拖动，缩放(wpf)
- Android判断用户是平板还是手机的方法
- Android判断用户是平板还是手机的方法
- 如何在手机上禁止浏览器的网页滚动
- [转]Android笔记：Android判断用户是平板还是手机的方法
- [Google Map]禁止拖动以及缩放 /API3
- 禁止复制手机号 分享网页
- 禁止手机页面缩放
- onselectstart事件 ondragstart事件：禁止鼠标在网页上拖动.oncontextmenu事件：取消鼠标右键
- 网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放
- 给智能手机和平板用户新手的三个小建议
- 禁止Html5在手机上屏幕页面缩放
- 判断用户使用的是 Android 手机还是平板