css字体小于12px解决方案

浏览器对设置font-size小于12px的时候，显示都为12px。当需要字体小于12px的时候，可以通过transform属性设置。

比如10px:

     .test{
        font-size: 20px;
        transform: scale(0.5);
      }

但是缩放后会导致文字看起来偏移，这时候可以使用transform-origin，用于设置transform元素的基点位置

     .test{
        font-size: 20px;
        transform: scale(0.5);
        transform-origin: 0;
      }

就可以完成效果