css字体小于12px解决方案

725 阅读1分钟
浏览器对设置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;
      }

就可以完成效果