首页  >  文章  >  web前端  >  html怎么禁止页面缩放

html怎么禁止页面缩放

青灯夜游
青灯夜游原创
2021-05-05 09:33:4421869浏览

在html中,可以使用meta标签来禁止页面缩放,只需要在meta标签中设置“maximum-scale”属性的值为“1.0”,“user-scalable”属性的值为“0”即可。

html怎么禁止页面缩放

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

html5页面中默认都允许用户缩放页面,或者在屏幕双击放大或缩小。

即默认设置为: 

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

若要禁止缩放可以更改成如下设置:

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

推荐教程:《html视频教程

以上是html怎么禁止页面缩放的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn