chrome浏览器下不支持css字体小于12px的解决办法

来源：https://www.jianshu.com/p/5991523a98f9

.small-font{
  font-size: 12px;
  -webkit-transform: scale(0.5);
}
.smallsize-font{
  font-size: 6px;
}

<p class="small-font samllsize-font">这里是文本</p>

• 需要注意的是：
  transform:scale()这个属性只可以缩放可以定义宽高的元素，而行内元素是没有宽高的，我们需要加上一个display:inline-block;属性。