使用H5做出添加禁止缩放

企鹅博客
企鹅博客
企鹅博客
25193
文章
0
评论
2020年8月31日04:04:31 评论 27 views

这次给大家带来使用H5做出添加禁止缩放,使用H5做出添加禁止缩放的注意事项有哪些,下面就是实战案例,一起来看一下。

下面一段代码给大家介绍了html5添加禁止缩放功能,具体代码如下所示:

<meta name="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页面,发现默认都允许用户缩放页面,或者在屏幕双击放大或缩小。即相当于这样设置

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

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

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

相信看了本文案例你已经掌握了方法,更多精彩请关注H5教程其它相关文章!

推荐阅读:

H5读取文件并上传到服务器的方法

html5怎么实现图片转圈的动画效果

以上就是使用H5做出添加禁止缩放的详细内容,更多请关注H5教程其它相关文章!

企鹅博客
  • 本文由 发表于 2020年8月31日04:04:31
  • 转载请务必保留本文链接:https://www.qieseo.com/352762.html
HTML5和Webkit实现树叶飘落动画 H5教程

HTML5和Webkit实现树叶飘落动画

HTML5和Webkit在一起会实现什么样的动画呢?本文给大家分享一段实例代码给大家介绍基于HTML5+Webkit实现树叶飘落动画效果,需要的朋友参考下吧,希望能帮组到大家。 实现如图所示的东西效果...
如何实现php图片等比例缩放实例代码 php教程

如何实现php图片等比例缩放实例代码

这篇文章主要介绍了php实现按指定大小等比缩放生成上传图片缩略图的方法,需要的朋友可以参考下 通过文章给出的源代码可实现针对图片的等比缩放生成缩略图的功能,非常实用的技巧哦。 新建文件index.ph...
html5怎样做出图片转圈的动画效果 H5教程

html5怎样做出图片转圈的动画效果

这次给大家带来html5怎样做出图片转圈的动画效果,h5做出图片转圈的动画效果的注意事项有哪些,下面就是实战案例,一起来看一下。 <img src="images/circle.png" alt...
javascript - H5页面如何跟APP应用交互? php教程

javascript – H5页面如何跟APP应用交互?

做一个活动,在app里嵌入一个H5页面。 如何让用户点击H5页面上的按钮跳转到APP的另一个页面? 比如说点击H5页面上的充值按钮,跳转到充值界面,点击立即抢购按钮,跳转到商品页面。 H5与APP端是...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: