css中zoom与transform: scale()的区别

zoom可以将标签等比例进行放大或缩小的操作，实际占用的空间也会改变，但zoom在进行缩小时，部分样式依然会受到浏览器的限制，例如最小字号为12px；

transform属性进行的所有操作都不会改变标签的实际大小和占用空间，例如使用transform: scale()缩小2倍时，该元素的实际占用空间仍然为缩小前的大小，解决的方法就是在该元素的外层套上一个标签，该标签的大小为缩小的那个标签缩小后的尺寸，使用overflow: hidden属性可将多余的部分隐藏掉，这样就不会有缩小后占用多余空间的显示问题。

转载于:https://juejin.im/post/5c87acec5188251bbf2ee626