H5实现移动端禁止页面缩放(适用Android和IOS)

admin4年前前端技术1454

要实现Android和IOS浏览器禁止页面缩放,通用的设置方式是给HTML页面设置meta标签来实现,具体添加标签内容如下:

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

width           // 设置 viewport 的宽度,正整数/字符串 device-width

height          // 设置 viewport 的高度,正整数/字符串 device-height

initial-scale      // 设置设备宽度与 viewport大小之间的缩放比例,0.0-10.0之间的正数

maximum-scale     // 设置最大缩放系数,0.0-10.0之间的正数

minimum-scale     // 设置最小缩放系数,0.0-10.0之间的正数

user-scalable     // 如果设置为 no 用户将不能缩放网页,默认为 yes,yes / no



注意:iOS10以后版本不接受meta标签,可以通过js监听手势控制来实现禁止页面缩放:

document.addEventListener('gesturestart', function (event) {    event.preventDefault()})

 


__EOF_


相关文章

ueditor在php环境实现绝对路径存储,实现cookie指定目录,加域名前缀,实现了独立部署图片站点的功能完成,可以实现完全静态化的操作,大大提高服务器的安全性

ueditor在php环境实现绝对路径存储,实现cookie指定目录,加域名前缀,实现了独立部署图片站点的功能完成,可以实现完全静态化的操作,大大提高服务器的安全性

ueditor在php环境实现绝对路径存储,加域名前缀,实现了独立部署图片站点的功能完成,可以实现完全静态化的操作,大大提高服务器的安全性重点修改部位php/config.json  的11...

ubbedit实现遍历绝对目录绑定cookie查询以前上传的图片

ubbedit实现遍历绝对目录绑定cookie查询以前上传的图片

设置cookie ,$user_id=$_COOKIE["user_email"];设置path   , $path =  "/"...

当div里的height:atuo不能实现高度自适应的时候

当div里的height:atuo不能实现高度自适应的时候添加如下代码就可以实现overflow:hidden;/*解决了flat left 漂浮,让高度不可控的问题*/...

关于css的position参数自我领悟心得整理

relative :相对与最近的DOM定位   absolute :相对里面的绝对定位,跟relative 一起用,起到随心所欲定位的效果sticky :滚顶地位定位,用与鼠标滚动...

webpack全局安装了,使用命令时却提示安装脚手架

全局安装了webpack ,使用webpack的时候,却有如下的提示One CLI for webpack must be installe...

Navigate down the menu through jquery development

The core knowledge is to use jquery's hover method to achieve, The animation effe...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。