scale与zoom的差异

1. zoom的缩放是相对于左上角的；而scale默认是居中缩放；
2. zoom的缩放改变了元素占据的空间大小；而scale的缩放占据的原始尺寸不变，页面布局不会发生变化；也就意味着如果使用zoom对大屏的放缩时，不会影响事件的触发
3. 对文字的缩放规则一致。zoom、scale均可以突破中文大小最小12px限制

case

图片zoom: 0.5;

图片transform: scale(0.5);

容器(含图文)zoom: 0.5;

文字啊哈！

容器(含图文)transform: scale(0.5);

文字啊哈！