浏览器不支持小于12px的字体大小怎么办

在进行网页设计的时候进场会遇见，需求中的字体小于12px

只需要在该字体所在盒子设置transiform属性 ，该属性就是缩放该盒子，盒子缩小了  字体也就缩小了

但是同时要注意，盒子缩小了  呈现的位置也会改变  只需要将盒子的大小设置成内容大小即可

具体实现css如下

span(2) {
    font-size: 12px;
    transform: scale(0.8);
}