当前位置：主页 > 查看内容

HTML5添加禁止缩放功能

发布时间：2021-06-22 00:00| 有 位朋友查看

简介：下面一段代码给大家介绍了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, 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" />

总结

以上所述是小编给大家介绍的HTML5添加禁止缩放功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！


原文链接：https://m.jb51.net/html5/584906.html
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：如何避免常见的6种HTML5错误用法 下一篇：基于HTML5 Canvas的3D动态Chart图表的示例

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐