查看: 37|回复: 0

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

发表于 2018-8-1 11:25:32

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。


文章转载自:扣丁学堂http://www.codingke.com/


回复

使用道具 举报