本文摘自PHP中文网,作者藏色散人,侵删。
css实现禁止缩放的方法:首先打开相应的前端代码文件;然后在meta标签中添加“maximum-scale=1.0, user-scalable=0”两个属性即可禁止页面缩放。
本文操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css如何设置不允许页面缩放?
css如何设置不允许页面缩放?禁止页面缩放?
实际上,在 meta 标签中添加如下两个属性即可:
1 |
|
其中,maximun-scale:允许用户的最大缩放值;user-scalable:是否允许用户进行缩放,默认属性为允许 yes 或 1,而不允许则需设置为 no 或 0;
最后,实际设置如下:
1 |
|
在这个里面主要有这几个属性:
width - viewport的宽度
height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
【推荐学习:css视频教程】
以上就是css怎么实现禁止缩放的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
html中是如何引入css样式?以及link与@import的区别(代码实例)
::before有什么作用?::before与:before的区别是什么?
更多相关阅读请进入《css》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者