怎么用css設置字體小於12px

因為瀏覽器的限制，網頁上的字體最下只能設置12px，因為小於12px就會影響瀏覽效果
但是有時候我們需要將字體設置的很小這就需要用到特殊的手段
用 transform屬性設置
用 transform的scale縮放屬性將字體縮放，實際上並沒有改變字體大小，只是將標簽縮放了，這樣看起來就小了很多
代碼如下：
1、移動端

<style>
        .font {
            /* 10px / 12px = 0.83 */
            font-size: 12px;
            line-height: 36px;
            /* transform: scale(0.83); */
            transform: scale(calc(10 / 12));
        }
    </style>
    <p class='font'>hello world！ 你好，世界！</p>

2、PC端
 避免不支持 css3 瀏覽器的情況，我們也可以通過降級處理，將字體變回12px；最后兼容 IE：*font-size:10px;

 <style>
        .font {
            font-size: 12px;
            /* transform: scale(0.83); */
            transform: scale(calc(10 / 12));
            *font-size: 10px;
        }
    </style>
    <p class='font'>hello world！ 你好，世界！</p>