设为首页 - 加入收藏 - 网站地图 - RSS订阅 村姑网-www.cunguer.com
当前位置:首页 > 网页制作 > CSS > 正文

css中zoom属性的介绍和用途

时间:2015-12-05 18:36:27 来源:村姑网 作者:喜欢安静 阅读:135
导读:关于css中才zoom属性,你了解多少?今天我们来介绍一下CSS中的Zoom属性和它的用途,该属性可能有些CSS手册中没有任何介绍。其实Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小作用,比...

    关于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属性的介绍和用途》地址:http://www.cunguer.com/article/176.html,本文来自村姑网,您身边的IT专家 www.cunguer.com,转载请注明出处,您的支持是我们创作的源泉~!