1. 程式人生 > >CSS進階(十三)font-size

CSS進階(十三)font-size

lin 只需要 響應式 處理 傳統 oot 忽略 字符 成本

line-height 的數值屬性值和 百分比值屬性值都是相對於 font-size

ex是x字符的高度

em

在 CSS 中,1em 的計算值等同於當前元素所在的 font-size 計算值,可以將 其想象成當前元素中(如果有)漢字的高度

rem

root em CSS3單位 ie9上支持

使用svg矢量圖時,建議使用em作為單位,這樣不論和大文字還是小文字在一起,都能和文字大小保持一致

font-size關鍵字屬性

font-size設置px,用戶設置瀏覽器字體不會有變化,設置百分比,用戶設置瀏覽器字體會影響布局,而使用medium(對應16px),就能解決上述的問題

(1)傳統的定寬桌面,也需要進行響應式處理,1200-800,可以保證至少有1.5倍的縮放空間,響應瀏覽器的字體號就可以忽略

(2)如果困各種原因無法做響應式處理,也沒有必要全局都使用相對單位,畢竟成本等現 實問題擺在那裏,其實只需要在圖文內容為主的重要局部區域使用可縮放的 font-size 處理 即可。與文字內容相關的地方建議摒棄px

font-size:0

chrome下有一個12px的根字號限制,但font-size:0不受影響,可以用來隱藏文字

CSS進階(十三)font-size