讓Chrome顯示12px以下的字型

2021-06-23 09:45:35 字數 500 閱讀 9581

一般情況下,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...