CSS中zoom和scale的區別？

1、瀏覽器兼容性不同：zoom雖然大多數瀏覽器都支持，但它不是標準屬性。而scale則是完全合符標準的，根正苗紅；

2、控制縮放的值不一樣：zoom可以百分比，也可以數值，但不能是負數，且只能等比縮放。scale只能用數值，但可以負數，且可以拉伸、壓扁等變形縮放；

3、zoom的縮放是相對于左上角的，而scale默認是居中縮放（可改變）；

4、zoom的縮放改變了元素占據的空間大小，而scale的縮放占據的原始尺寸不變，頁面布局不會發生變化；

5、zoom放大時元素會保持銳利度，scale則會變得模糊；

6、zoom是按字符方式來縮放文字，因此會受字體的最小尺寸限制（比如漢字無法縮小到12像素以下），而scale則是按圖形模式來縮放文字的，可以縮小到任意尺寸，當然太小的話文字肯定就看不清了。

7、zoom會造成整個頁面重新渲染，而scale則只是當前元素重繪。這其實是由上述4造成的。