chrome 瀏覽器會將字型小於 12px 的字形, 預設為 12px 所以只要使用 12px 以下的字, 都會呈現 12px 的樣式;調整 css ,以往的做法都是使用 -webkit-text-size-adjust : 100%
但新版 chrome 已經不支援 -webkit-text-size-adjust , 所以目前改用 -webkit-transform 的方式來達到,
使用 transform 要視情況以 display:inline-block 來進行轉換。
18px 字型大小
16px 字型大小
14px 字型大小
12px 字型大小
11px 字型大小
10px 字型大小
9px 字型大小
8px 字型大小
使用 chrome 沒有設定 inline-block 就跑版了, 加上 inline-block
另外scale(0.91)裡面的數值是以 chrome 最小字型12px去計算轉換倍率,例如:9px為9/12 = 0.75 這樣。
18px 字型大小
16px 字型大小
14px 字型大小
12px 字型大小
11px 字型大小
10px 字型大小
9px 字型大小
8px 字型大小
讓Chrome顯示12px以下的字型
一般情況下,chrome無法顯示12px以下的字型 凡是小於12px,均以12px來顯示。此時需要設定強制顯示,以顯示10px為例 以12px為單位,10px 12px 0.8333333333333334 在文字所在div等樣式中加入下式即可 webkit transform scale 0.83...
怎麼讓 Chrome 支援小於 12px 的文字?
在谷歌下 css 設定字型大小為 12px 及以下時,顯示都是一樣大小,都是預設 12px。解決辦法 1 可以使用 webkit 的核心的 webkit text size adjust 的私有 css 屬性來解決,只要加了 webkit text size adjust none 字型大小就不受限...
怎麼讓Chrome支援小於12px 的文字
1 用 如果是內容固定不變情況下,使用將小於 12px 文字內容切出做,這樣不影響相容也不影響美觀。2 使用 12px 及 12px 以上字型大小 為了相容各大主流瀏覽器,建議設計美工圖時候設定大於或等於 12px 的字型大小,如果是接單的這個時候就需要給客戶講解小於12px 瀏覽器不相容等事宜。3...