瀏覽器字型大小的坑

2021-07-26 10:25:24 字數 366 閱讀 2683

瀏覽器字型大小有兩個需要注意的地方,有時候會碰到相容性的問題。

第一,是瀏覽器預設的字型大小是16px,所以重置css的時候將字型大小預設改為10px是這樣改的:

html,body

後面設定字型大小rem,em都依據body的字型大小計算比較方便。

第二,瀏覽器可以識別的最小字型也是有偏差的。

比如,谷歌可以識別的最小字型大小是12px,小於12px,依然按照12px顯示。其他瀏覽器雖然會好點,但是盡量控制最小的字型在12px。再小的可以通過字型縮放實現,或等方式。

考慮瀏覽器相容性,可以每次設定字型大小加上line-height,給個固定值,或百分比,控制盒子高度的一致性。

瀏覽器字型大小的坑

原文出處 瀏覽器字型大小有兩個需要注意的地方,有時候會碰到相容性的問題。第一,是瀏覽器預設的字型大小是16px,所以重置css的時候將字型大小預設改為10px是這樣改的 html,body後面設定字型大小rem,em都依據body的字型大小計算比較方便。第二,瀏覽器可以識別的最小字型也是有偏差的。比...

瀏覽器最小字型大小

safari,iphone 已經支援1px pc chrome 12px 最小 android 1px lang en charset utf 8 documenttitle name viewport content width device width,user scalable no,init...

谷歌瀏覽器的坑

問題 更改的css樣式在其他瀏覽器正常,但是谷歌顯示不正常 原因 谷歌瀏覽器會快取css樣式 問題 google瀏覽器出現status invalid image hash,並且所有頁面崩潰 原因 google在79版本 2019年12月20號左右 的更新中又重新啟用了renderer code i...