相信很多开发者写css的时候使用过zoom属性,以前也模仿使用过,那时候刚开始接触前端开发,抄过来一段代码就知道能解决什么问题,实现了什么功能,但是对于里面使用的各个属性并不是很了解,也没有很深入的去研究过。
这种现在伴随着我成长了很长一段时间,然后才意识到这其实是一种很大的弊端,很不利于对于技术的研究。反复告诫自己,在研究代码,研究程序的时候尽量要做到彻底弄清楚实现的原理!
今天在看alipay一位前段大虾的博客的时候,又碰到了关于这方面的问题,于是乎,本着不能草草了事,知其然须知其所以然的态度,在网上搜索了一下相关的内容,有很多大致类似的解释和说明,下面摘录修改了一段感觉比较能明确解释其功能的文字:
zoom : normal | number 语法取值 normal : 默认值。使用对象的实际尺寸 number : 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值 使用说明 此属性仅IE6使用。设置或检索对象的缩放比例。设置或更改一个已被呈递的对象的此属性值将导致环绕对象的内容重新流动。虽然此属性不可继承,但是它会影响对象的所有子对象( children )。这种影响很像 background 和 filter 属性导致的变化。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
尤其后半句的说明更加重要,利用这个代码来实现ie6下清楚浮动的功能。网上比较流行的清楚浮动的代码:
.clear:after{ visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0; }.clear{zoom:1}
前面是清楚高级浏览器浮动,后面主要是针对ie6.
作此记录,备忘(脑子不够用现在。。。)