css奇葩录

一、zoom和transform:scale的差别是：

1：在文档流中zoom加在任意一个元素上都会引起一整个页面的重新渲染，而scale只是在当前的元素上重绘。意思是，当你给一个div固定宽高时，scale变化的时候，其原本的宽高还是不变的，你给div height200px,width:200px, scale(0.5)即为缩小为原来的一半时，他的height和width还是200px, 只不过里面的元素缩小了而已。因此，就没有layout的重计算。

2：但是zoom牵一发动全身，zoom：0.5后 ，width和height就变成了100px。