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;