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

2021-10-12 14:02:28 字數 521 閱讀 3921

哎 那個奇葩 提出來的這個需求  設定個 10px 使用者還不趴在電腦上 看  

其實吧 谷歌 預設設定 最小字型就是 12px   預設是 16px

就算你通過 font-size 設定 10px   但是 谷歌上是不生效的   看到的還是 12px

但是 在ie上是可以設定成功了    第一次 感覺  ie 還是 不錯的  但是這種不錯總覺得怪怪的   哈哈

在 谷歌上 我們可以通過縮放 來變相 實現 字型縮小的功能

transform: scale(0.625);   通過transform 縮放函式來實現  但是 好像只能縮放塊級元素   行內元素 不行 到時候  如果你的文字是被  span 元素包括著話 要不程式設計  塊級 或者行內塊  要不 就換成div 來轉換

transform的相容性其實還可以的  不過以防萬一還是再加乙個字型是 font-size: 10px; 吧 

hello world

好了 就到這裡  關注我 持續更新前端知識   

css 字型設定 不同瀏覽器設定效果

乍一聽css字型設定很容易,其實真做起來不然。我們工程師使用原力,他們在不同瀏覽器調整字型的大小知道的得到合適的結果。實際上有一點深入的理解就能起到很大的作用。font size 屬性 font size屬性可以被設定給任何乙個html標籤,即使是不能包含文字的標籤也可以設定它,比如 可以被賦值是各...

谷歌瀏覽器中a link設定字型顏色無效問題

111111 22222 同樣的css box a link box a hover 在谷歌裡可以看見兩個不同結果,這是因為a link會對擁有href 即擁有實際鏈結位址的a物件發生效果。box a link 未訪問的鏈結 box a visited 已訪問的鏈結 box a hover 滑鼠移動...

谷歌瀏覽器跨域設定

一 49版本以前的設定 在桌面chrome快捷方式的屬性中的目標輸入框新增 disable web security 新增部分與前面字元之間有空格 二 49版本以後的設定 1.在電腦上新建乙個目錄,例如 c mychromedevuserdata 2.在屬性頁面中的目標輸入框裡加上 disable ...