css 中的zoom,css中zoom属性的介绍和用途

关于css中才zoom属性，你了解多少？今天我们来介绍一下CSS中的Zoom属性和它的用途，该属性可能有些CSS手册中没有任何介绍。其实Zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等作用，下面我们就开始介绍一下。

Zoom的介绍：

zoom可取的值: normal、number

normal:默认值，使用对象的实际尺寸。

number:百分数或无符号浮点实数。对象的实际值*number的值=被zoom放大或缩小的倍数。number可以是数值，也可以是百分比。如：zoom:1、zoom:0.5，zoom:120%。

Zoom的用途：

由于zoom属性只有在IE浏览器中才起作用，所以在实际应用中很少用到它，长用来清除浮动等，如：

.border{

border:2px solid #CCC;

padding:5px;

overflow:hidden;

_zoom:0.8;

}

上面代码中的“_zoom”是CSS hack中专对IE6起作用的部分。IE6浏览器会执行zoom:0.8表示对象的缩放比例，上例中的overflow:hidden;和_zoom:0.8;是连起来用的，作用是清除border内部浮动。此外，还可以使用同样方法清除margin属性在IE浏览器中的重叠问题。

《css中zoom属性的介绍和用途》地址：www.cunguer.com/article/176.html，本文来自村姑网，您身边的IT专家

www.cunguer.com，转载请注明出处，您的支持是我们创作的源泉~！