transform:scale 和 minwidth的小技巧

前言

文字缩小到一定地步就无法缩小，就是说fontsize无效，于是用scale。
布局使用的flex，设置scale后不会导致重排，留了空白。
用margin-right：-0.8rem;
这样，会导致屏幕左右出现了滑动条。
使用min-width：5rem；或者width：5rem;解决问题。

但是还是不明白为什么min-width可以解决滑动条问题。
留笔记于此。

代码

      display:flex;
      transform: scale(0.7);
      justify-content: flex-end;
      margin-right: -0.8rem;
      width: 5rem;
      min-width:5rem;