• 技术文章 >web前端 >前端问答

    html5怎么禁止放大页面

    青灯夜游青灯夜游2021-09-13 16:53:25原创104

    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中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html5 禁止放大页面
    上一篇:margin在html中的意思是什么 下一篇:怎么设置不同分辨率的css样式
    线上培训班

    相关文章推荐

    • html5篇:实现页面跳转的5种方式(代码分享)• HTML5+CSS3动态画出一个大象• 如何使用HTML5+CSS3动态画一个笑脸• 使用HTML5 SVG绘制各种雪花图案• html5 app开发框架有哪些

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网