zoom:1的作用认识

zoom:1这个属性一般不为人知，因为它最初是为IE设定的，在很多CSS手册上都查询不到。（现在最新版本的webkit也支持该属性，值为reset。作用为让你重设掉浏览器中正常的缩放行为——如果某个元素被声明了zoom:reset，页面上的其它元素在用户放大页面的时候都会跟着放大）

语法：

zoom: { number（数字） | percentage（百分比） | normal } ;

说明：zoom可以设置或检索对象的缩放比例，就是可以对所设置zoom值的元素进行缩放。zoom属性的值并不会继承，但它会影响到它的子元素，子元素会随着父元素一起放大或缩小。zoom的值即代表可以放大或缩小的倍数，支持三种类型，分别是：数字、百分比、normal，所有元素默认的zoom值为normal。

zoom的本意为缩放。但目前火狐、opera浏览器并不支持这个属性，那么这些浏览器用什么来缩放呢？答案是CSS3！

cale(<number>[, <number>])：提供执行[sx,sy]缩放矢量的两个参数指定一个2D 缩放。如果第二个参数未提供，则取与第一个参数一样的值。scale(X,Y)是用于对元素进行缩

放，可以通过transform-origin对元素 的基点进行设置，同样基点在元素中心位置；基中X表示水平方向缩放的倍数，Y表示垂直方向的缩放倍数，而Y是一个可选参数，如果没有设

置Y值，则表示 X，Y两个方向的缩放倍数是一样的。并以X为准。如：transform:scale(2,1.5);

常用的zoom的作用：

1.触发IE浏览器的haslayout。

2.解决ie下的浮动，margin重叠等一些问题。