對於預設字型最小為12px解決方法

2021-07-23 21:14:48 字數 690 閱讀 3986

谷歌瀏覽器預設字型大小小於12px就不好用了,字型還是12px。

為了相容所有的瀏覽器,使用縮放方式使字型變小。

比如以字型大小12px為基數,縮放90%就是10.8px

**為:

lang="en">

charset="utf-8">

demotitle>

head>

.normal-font-12

.small-font

style>

class="normal-font-12">字型大小 12pxp>

class="small-font smallsize-font">字型大小 10.8pxp>

body>

html>

效果為:

谷歌瀏覽器:

火狐瀏覽器:

ie瀏覽器:

搞定!

12px以下字型顯示問題

剛接到廣告公司出的設計稿,裡面很多內容均是12px以下得字型,現在來總結一下解決辦法,方便以後使用 1.使用png 但是會影響頁面響應速度 2.使用transform scale 0.x 注意此時文字容器 必須是可以設定寬高的,即display屬性 必須是inline block或block 計算公...

瀏覽器最小顯示12px字型的解決方法

谷歌瀏覽器上顯示字型最小為12px,css設定font size 10px,顯示的時候還是12px大小 可以利用css中的transform屬性來縮小 transform scale 0.5,1 第乙個引數是x軸比例,第二個引數是y軸比例,第二個引數可省略,若預設則等於第乙個引數。縮小方向 預設是往...

瀏覽器最小顯示12px字型的解決方法

今天做列印標籤,發現瀏覽器最小字型限制了12px,標籤那麼小,12px隨便幾個字就給佔滿了 最後通過 transform scale 1,0.8 搞定 這個屬性允許將元素移動 壓縮 旋轉 這裡用到的是壓縮屬性,更多屬性方法參考 通過transform origin left 可以控制縮放對齊方向 注...