css的zoom属性（CSS中zoom和scale的区别）

想必现在有很多小伙伴对于CSS中zoom和scale的区别方面的知识都比较想要了解，那么今天小好小编就为大家收集了一些关于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造成的。

动而定法量都外，原没打集划江京。

本文到此结束，希望对大家有所帮助。