css中的zoom的使用
zoom : normal | number
normal : 默认值。使用对象的实际尺寸
number : 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值用白话讲解就是zoom:后面的数字即放大的倍数，可 以是数值，也可以是百分比。如：zoom:1，zoom:120%。
ps：网上都说是ie的专有属性，本人亲测chrome下也可以使用；（Firefox浏览器不支持）
实例一：
.first-p{
width: 100px;
height: 100px;
background: red;
zoom:1;
float: left
}
.second-p{
width: 100px;
height: 100px;
background: green;
zoom:1.5;
float:left
}
.third-p{
width: 100px;
height: 100px;
background: blue;
zoom:2;
float:left
}html
立即学习“前端免费学习笔记（深入）”；
<p class="first-p"></p> <p class="second-p"></p> <p class="third-p"></p>
效果：
ps：p本身的大小是100，结果被放大了，和css3中的缩放有有较的却别之一：放大 缩小多少倍，就占据多大的dom空间；
css中的缩放，占据的依然是元素本身设置的width 和 height 属性滴呀
使用方式：比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。
{:;:;:;:;
}{:;:;:;:;
}上面的做法已经能解决现代浏览器上的问题了；如要要向下兼容ie6 就要加上zoom:1。
以上就是css中的zoom的使用的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
742
收藏
