如何在谷歌設定小於12px的字型?

2021-09-12 13:11:05 字數 671 閱讀 6576

問題描述:

頁面寬度有限的情況下顯示大資料,採用font-size:8px來壓縮字型大小,版本 25.0.1547.66及以下版本的chrome瀏覽器沒有問題,後續版本的就不可以了;

問題原因:

"webkit" : 

}

所以當設定了小於12px的字型是無效的;

歷史解決方案:

經查詢以前大家經常用-webkit-font-size-adjust:none;新版瀏覽器已不再支援該屬性;有人還提出了用css3中的-webkit-transform:scale(num),其中num是設定的字型大小/12px,如font-size:8px,則num=8/12=0.67,不過這種方法雖然可以實現小字型,但是字型仍然「佔位」即佔據大字型的位置只是縮小了字型;

現在的解決方案:

配合html,-webkit-transform:scale(num)來解決問題。

289

.ft8 

.ft8 em

ft8父級樣式來定位需要變換的元素的"流",ft8 em來設定變換,這樣就可以了。

通過css 設定 谷歌瀏覽器 字型小於 12px

哎 那個奇葩 提出來的這個需求 設定個 10px 使用者還不趴在電腦上 看 其實吧 谷歌 預設設定 最小字型就是 12px 預設是 16px 就算你通過 font size 設定 10px 但是 谷歌上是不生效的 看到的還是 12px 但是 在ie上是可以設定成功了 第一次 感覺 ie 還是 不錯的...

小於12px的文字居中問題

在pc端的chrome瀏覽器中,小於12畫素的字型仍然以12畫素顯示,即使是設定了 webkit text size adjust none 也好像沒什麼作用。經過實驗,發現如下兩種方式比較有用,各位看官可聽我細細道來。方式一 使用transform scale 假如設計同學給你的字型大小是10px...

怎麼讓 Chrome 支援小於 12px 的文字?

在谷歌下 css 設定字型大小為 12px 及以下時,顯示都是一樣大小,都是預設 12px。解決辦法 1 可以使用 webkit 的核心的 webkit text size adjust 的私有 css 屬性來解決,只要加了 webkit text size adjust none 字型大小就不受限...