HTML5如何添加禁止缩放功能

这篇文章主要介绍HTML5如何添加禁止缩放功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

具体代码如下所示:

HTML5如何添加禁止缩放功能

<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,target-densitydpi=device-dpi"/>

ps:禁止Html5在手机上屏幕页面缩放

最近测试html5页面,发现默认都允许用户缩放页面,或者在屏幕双击放大或缩小。即相当于这样设置

<metaname="viewport"content="width=device-width,initial-scale=1.0user-scalable=yes"/>

如果要禁止此情形,修改相应参数即可。

<metacontent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;"name="viewport"/>

以上是“HTML5如何添加禁止缩放功能”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注恰卡编程网行业资讯频道!

发布于 2021-07-09 21:18:10
收藏
分享
海报
0 条评论
197
上一篇:jquery中ztree如何实现右键收藏功能 下一篇:canvas如何实现轨迹回放功能
目录

    0 条评论

    本站已关闭游客评论,请登录或者注册后再评论吧~

    忘记密码?

    图形验证码