怎麼讓Chrome支持小於12px 的文字？

這個咱們在作移動端的時候，設計師圖片上的文字假如是10px，咱們實如今網頁上以後。每每設計師回來找咱們，這個字體能小一些嗎？我設計的是10px？爲啥是12px?其實咱們都知道，谷歌Chrome最小字體是12px，無論你設置成8px仍是10px，在瀏覽器中只會顯示12px，那麼如何解決這個坑爹的問題呢？

咱們的作法是：

針對谷歌瀏覽器內核，加webkit前綴，用transform:scale()這個屬性進行縮放！

<style>

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

</style>