爲何選擇%和em配合控制字號大小?

爲何選擇em和%?em和%都是相對單位,可以方便的在客戶端進行設置而改變頁面文字大小

em爲何物?em是相對單位,em的初始值是1em=16px,爲了能夠方便的和px進行轉換,常常在body中定義font-size爲62.5%,這時1em=16px × 62.5%=10px,所以12px=1.2em,也就是在不考慮單位時,前者除以10即可。

 

我們需要怎麼做?通過上面簡單的說明,知道了在定義字體大小時,最好的選擇時使用em和%作爲單位,而放棄px的使用,那麼具體要怎樣做呢?

首先,爲body定義字體大小,使用%:body{font-size:62.5%;}

其次,爲其他標籤定義字體大小,這時就需要用em,同時需要注意繼承性。例如.entry無父類,其文字大小爲1.2em(=12px),.entry p文字大小爲1.2em,這時p中的文字大小就不是1.2×10=12px,而是1.2×1.2×10=14.4px。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章