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

    css怎么实现禁止缩放

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

    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中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css
    上一篇:css怎么取消颜色 下一篇:css设置文字删除线
    20期PHP线上班

    相关文章推荐

    精选22门好课,价值3725元,开通VIP免费学习!• css怎么设置不显示文字• css如何设置圆角• CSS如何设置行间距和字间距• css怎么取消颜色
    1/1

    PHP中文网