HTML5添加禁止缩放功能


Posted in HTML / CSS onNovember 03, 2017

下面一段代码给大家介绍了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添加禁止缩放功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

HTML / CSS 相关文章推荐
详解CSS的border边框属性及其在CSS3中的新特性
May 10 HTML / CSS
CSS3实现文字波浪线效果示例代码
Nov 20 HTML / CSS
css3实现3D文本悬停改变效果的示例代码
Jan 16 HTML / CSS
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
Dec 09 HTML / CSS
html5 input属性使用示例
Jun 28 HTML / CSS
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
Jul 15 HTML / CSS
HTML5地理定位实例
Oct 15 HTML / CSS
如何利用input事件来监听移动端的输入
Apr 15 HTML / CSS
HTML5中判断横屏竖屏的方法(移动端)
Aug 04 HTML / CSS
Html5自定义字体解决方法
Oct 09 HTML / CSS
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
May 28 HTML / CSS
Html5调用企业微信的实现
Apr 16 HTML / CSS
基于HTML5 Canvas的3D动态Chart图表的示例
Nov 02 #HTML / CSS
HTML5新特性之语义化标签
Oct 31 #HTML / CSS
解决HTML5手机端页面缩放的问题
Oct 27 #HTML / CSS
基于HTML5的WebGL实现json和echarts图表展现在同一个界面
Oct 26 #HTML / CSS
HTML5 文件域+FileReader 分段读取文件并上传到服务器
Oct 23 #HTML / CSS
html5清空画布方法(三种)
Oct 16 #HTML / CSS
html5实现图片转圈的动画效果——让页面动起来
Oct 16 #HTML / CSS
You might like
PHP命名空间(Namespace)简明教程
2014/06/11 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
javascript prototype,executing,context,closure
2008/12/24 Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
2010/06/25 Javascript
JQuery UI DatePicker中z-index默认为1的解决办法
2010/09/28 Javascript
JavaScript代码复用模式实例分析
2012/12/02 Javascript
JavaScript的各种常见函数定义方法
2014/09/16 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
2014/11/04 Javascript
js光标定位文本框回车表单提交问题的解决方法
2015/05/11 Javascript
jQuery编程中的一些核心方法简介
2015/08/14 Javascript
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
2015/12/26 Javascript
AngularJs $parse、$eval和$observe、$watch详解
2016/09/21 Javascript
jQuery超简单遮罩层实现方法示例
2018/09/06 jQuery
vue使用自定义指令实现拖拽
2021/01/29 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
python正则表达式抓取成语网站
2013/11/20 Python
python实现在每个独立进程中运行一个函数的方法
2015/04/23 Python
在Python中操作日期和时间之gmtime()方法的使用
2015/05/22 Python
在Django的form中使用CSS进行设计的方法
2015/07/18 Python
python基础教程之匿名函数lambda
2017/01/17 Python
python 通过字符串调用对象属性或方法的实例讲解
2018/04/21 Python
pymongo中聚合查询的使用方法
2019/03/22 Python
python 多进程共享全局变量之Manager()详解
2019/08/15 Python
python3 配置logging日志类的操作
2020/04/08 Python
python 将视频 通过视频帧转换成时间实例
2020/04/23 Python
keras-siamese用自己的数据集实现详解
2020/06/10 Python
python 通过pip freeze、dowload打离线包及自动安装的过程详解(适用于保密的离线环境
2020/12/14 Python
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
用html5实现语音搜索框的方法
2014/03/18 HTML / CSS
美国时装品牌:Nautica(诺帝卡)
2016/08/28 全球购物
联强国际笔试题面试题
2013/07/10 面试题
南京某软件公司的.net面试题
2015/11/30 面试题
大学生创业策划书
2014/02/02 职场文书
高中学生会竞选演讲稿
2014/08/25 职场文书
CSS3常见动画的实现方式
2021/04/14 HTML / CSS
Java线程的6种状态与生命周期
2022/05/11 Java/Android