扣丁学堂HTML5视频教程之HTML5添加禁止缩放功能实例

2018-07-13 13:43:56 389浏览

HTML5现在对与大家来说可谓是一点儿也不陌生，如今参加HTML5培训学习HTML5开发技能的小伙伴一直在不断的增加，因此关于HTML5在工作中遇到的各种问题以及技巧就成为HTML5开发工程师们比较关心的问题了。本篇文章扣丁学堂HTML5培训小编就和大家分享一下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在线学习小编给大家分享的HTML5添加禁止缩放功能，希望对小伙伴们能有所帮助，想要了解更多内容的小伙伴可以登录扣丁学堂官网咨询。扣丁学堂是专业的HTML5培训机构，不仅有专业老师授课的HTML5培训班让大家参加学习，还有与时俱进的课程体系和大量的HTML5在线视频供学员免费学习，想要学好HTML5高薪就业的小伙伴不要再犹豫了，抓紧时间行动吧。扣丁学堂H5技术交流群：559883758。

【关注微信公众号获取更多学习资料】

查看更多关于“HTML5开发技术资讯”的相关文章>>