ios10中禁止Safari浏览器用户缩放页面
来源:互联网 发布:python 2.7 idle 编辑:程序博客网 时间:2024/05/18 03:01
在ios10前我们能通过设置meta来禁止用户缩放页面:
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
在ios10系统中meta设置失效了:
为了提高Safari中网站的辅助功能,即使网站在视口中设置了user-scalable = no,用户也可以手动缩放。
解决方法:监听事件来阻止
window.onload=function () { document.addEventListener('touchstart',function (event) { if(event.touches.length>1){ event.preventDefault(); } }) var lastTouchEnd=0; document.addEventListener('touchend',function (event) { var now=(new Date()).getTime(); if(now-lastTouchEnd<=300){ event.preventDefault(); } lastTouchEnd=now; },false) }
转自:http://blog.csdn.net/qq_26744901/article/details/53245006
阅读全文
1 0
- ios10中禁止Safari浏览器用户缩放页面
- ios10中禁止用户缩放页面
- ios10 禁止用户缩放失效
- 禁止Ctrl+鼠标滚轴浏览器页面缩放
- 禁止在手机浏览器中缩放
- 手机浏览器禁止缩放
- 禁止手机页面缩放
- 禁止页面缩放
- html页面在safari浏览器中滑动不流畅问题
- iPhone 禁止 Safari 页面上下拖动反弹
- Ctrl+滚轮 禁止页面缩放
- 禁止用户刷新页面
- web浏览器中禁止用户鼠标右键与鼠标点击
- safari浏览器使用js进行页面跳转
- 如何在 iOS10 Safari 中跳转 [设置-通用-描述文件]
- 禁止浏览器缩放网页的HTML代码
- 使用Safari浏览器自带工具,查看页面中 css 样式的引用~
- 手机网站禁止缩放页面的代码
- Linux下yum命令详解
- 数字与英文单词的转换
- Android AIDL 传递对象(Parceable)
- 【Unity】FOV战争迷雾
- Maven之(六)setting.xml配置文件详解
- ios10中禁止Safari浏览器用户缩放页面
- xdoj ranting记
- algorithm test
- 讲给Android程序员看的前端教程(20)——float浮动
- 关于C和我
- Codeforces Round #444 (Div. 2)
- Android----SeekBar进度条显示以及改变滑块样式基础
- 反射-基础
- AlertDialog自定义对话框显示黑色边框