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

    css怎么实现禁止缩放

    藏色散人藏色散人2021-04-09 14:26:00原创95

    css实现禁止缩放的方法:首先打开相应的前端代码文件;然后在meta标签中添加“maximum-scale=1.0, user-scalable=0”两个属性即可禁止页面缩放。

    本文操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    css如何设置不允许页面缩放?

    css如何设置不允许页面缩放?禁止页面缩放?

    实际上,在 meta 标签中添加如下两个属性即可:

    maximum-scale=1.0, user-scalable=0

    其中,maximun-scale:允许用户的最大缩放值;user-scalable:是否允许用户进行缩放,默认属性为允许 yes 或 1,而不允许则需设置为 no 或 0;

    最后,实际设置如下:

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

    在这个里面主要有这几个属性:

    width - viewport的宽度

    height - viewport的高度

    initial-scale - 初始的缩放比例

    minimum-scale - 允许用户缩放到的最小比例

    maximum-scale - 允许用户缩放到的最大比例

    user-scalable - 用户是否可以手动缩放

    9b28698821ed13d0c3d5b53e2262f45.png

    【推荐学习:css视频教程

    以上就是css怎么实现禁止缩放的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:css怎么取消颜色 下一篇:css设置文字删除线
    第15期线上培训班

    相关文章推荐

    • css怎么设置不显示文字• css如何设置圆角• CSS如何设置行间距和字间距• css怎么取消颜色

    全部评论我要评论

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

    PHP中文网