css设置字体小于12px的样式

遇到问题：

我们都知道html默认的最小字体是：12px，但在开发需求中，有时需要设置更小的字体，例如10px。那么应该怎么办呢？

解决方案：

span{
    font-size: 12px;
    white-space: nowrap;
    -webkit-transform-origin-x: 0; /*缩小后文字居左*/
    -webkit-transform: scale(0.90);/*缩小90%*/
}

利用css3的缩放scale(0.90)，其最终大小就是：12px * 0.9（缩放比例） = 10.8px;