一般情況下,chrome無法顯示12px以下的字型:凡是小於12px,均以12px來顯示。
此時需要設定強制顯示,以顯示10px為例:
以12px為單位,10px/12px=0.8333333333333334
在文字所在div等樣式中加入下式即可:
-webkit-transform: scale(0.8333333333333334);
這會使得整個div元素均以0.8333333333333334的比例縮放。
其它瀏覽器:可正常顯示12px以下的文字
firefox:不識別-webkit的,所以要寫上:
font-size: 10px;
opera:可識別-webkit,所以最終效果是10*0.8333333333333334px,需要取消該縮放效果:
-o-transform: scale(1);
12px以下字型顯示問題
剛接到廣告公司出的設計稿,裡面很多內容均是12px以下得字型,現在來總結一下解決辦法,方便以後使用 1.使用png 但是會影響頁面響應速度 2.使用transform scale 0.x 注意此時文字容器 必須是可以設定寬高的,即display屬性 必須是inline block或block 計算公...
怎麼讓 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...