原则
我们只会针对某一个最大 size 来实现代码！
并且，我们肯定不可能每个 size 都写一份代码！！！
怎么办？
使用 scale 来实现！
1.scale 缩小
tramsform:scale(0.5)
这个时候是从中心开始缩放的，我们希望是从左上角开始缩放：
2.左上角开始缩放
transform-origin: left top;
突然发现缩放之后，虽然目标 dom 看起来宽高变小了，但是实际宽高还是那个值，我们希望实际宽高变成 缩放之后的宽高：
3.实际宽高也缩放
- 如果该被缩放的 dom 的宽高是固定的，那么可以通过缩放比，直接计算出缩放之后的宽高，设置给该 dom 的父元素。
- 如果该缩放的 dom 的宽高是不固定的，那么需要通过 js 获取缩放之后的 dom 的实际宽高，再设置给该 dom 的父元素
