首页 >web前端 >前端问答 > 正文

html5怎么禁止放大页面

原创2021-09-13 16:53:250996

html5中可通过“<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">”来禁止放大。

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

html5禁止手机缩放(放大和缩小)

html5页面,发现默认都允许用户缩放页面,或者在屏幕双击放大或缩小。即相当于这样设置

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

想要禁止缩放,修改html里meta标签的相应参数即可:

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

该meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。

其中 maximum-scale为允许用户的最大缩放值,user-scalable为是否允许用户进行缩放,yes(默认)代表允许,no(0)代表不允许,两者结合使用可以阻止页面被放大(经测试,少一项都达不到效果)

推荐教程:《html视频教程

以上就是html5怎么禁止放大页面的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html5 禁止放大页面
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • html5基础知识入门视频教程html5基础知识入门视频教程
  • HTML5入门基础视频教程HTML5入门基础视频教程
  • HTML5新特性基础视频教程HTML5新特性基础视频教程
  • 野秀堂HTML5+CSS3视频教程野秀堂HTML5+CSS3视频教程
  • HTML5基础精讲视频教程HTML5基础精讲视频教程
  • 视频教程分类