小小zoom的大大作用

一直对于这个属性不是很重视,但是接触过几次之后发现很多时候纠结很久的bug原来就是这个小小属性引起的,今天特意研究了一下这个zoom,记录一下他得些许功能。

(1)继承性: 无 兼容性: IE 基本语法 zoom : normal | number 语法取值 normal : 默认值。使用对象的实际尺寸 number : 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值 使用说明 设置或检索对象的缩放比例。设置或更改一个已被呈递的对象的此属性值将导致环绕对象的内容重新流动。虽然此属性不可继承,但是它会影响对象的所有子对象( children )。这种影响很像 background 和 filter 属性导致的变化。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。


用css中的zoom属性可以让网页实现IE7中的放大缩小功能。比如你想让你的网页缩小为原来的一半,那么就在body中加入代码<body style = "zoom:0.5">

(2)IE私有属性,一般用来触发HasLayout。
当IE6的border出现断节现象时,也可以试试zoom:1;

(3)可用来在IE6下清除浮动。

(4)解决IE下得margin重叠问题

posted @ 2011-10-08 14:37  Ensonfield  阅读(140)  评论(0编辑  收藏  举报