1. 程式人生 > >怎麼讓Chrome支援小於12px 的文字?

怎麼讓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><p>
<span>haorooms部落格測試10px</span></p>