让浏览器支持小于12px 的文字

在一些浏览器中内联元素的字体大小有一个最小的默认值，通常是 12px。
因此当有时想要修改内联元素（如span）的font-size值小于12px时，会发现修改无效。

解决方法一：

将span元素文字的大小在12px的基础上缩放至其0.8倍

span{
font-size:12px;
zoom:0.8;
}

解决方法二：

将span元素文字的大小在12px的基础上缩放至其0.8倍
该方法兼容更多浏览器，但scale属性只对可以定义宽高的元素生效，因此需要把内联元素转化为行内元素

span{
font-size:12px;
display: inline-block;
-webkit-transform:scale(0.8);
}

参考文档