為什麽font-size推薦使用具體數值?
阿新 • • 發佈:2017-07-12
不同 計算 edi orm normal 時也 比例 med 發的
1.font-size的單位
font-size通常用的單位是px/em/rem,px就不說了,em/rem 主要用在移動端,原因的根據根元素大小進行適配,簡而言之,em相對於父級定義基礎字號,rem相對於根字號定義;
另外比較常用的是%,%很好理解就是單純的相對父級乘以對應的%就好了,還有一種是pt定義,1px = 0.75pt;
2.除了可以用單位來定義字體的大小意外可以通過具體的代碼來定義;
- xx-small
- x-small
- small
- medium
- large
- x-large
- xx-large
- smaller 按w3c上解釋是比父級更小的尺寸,那麽問題來了,這個“小”是指的多少,後來發現chrome和Firefox是不一樣的 ,chrome大概是5/6;Firefox就不一定了。
- larger 同理也是chrome還是5/6的比例,Firefox不定
綜上所述,所以在開發的時候盡可能的還是以具體的數值來定,盡量不要使用代碼代替。
除此之外還有一個font-weight,的屬性,可以用具體數字代替也可以使用相應的代碼,font-weight 可以從100-900(註:只能是整百的數)400 等價於 normal 700 等價於bold
按照w3c的講解是normal 定義標準字符 bold 定義粗體字符 bolder 定義更粗的字符 lighter定義更細的字符
很佩服w3c的語言組織能力,說的很巧妙,只說了更粗沒有說粗多少,只說了更細沒說細多少,在控制臺打開也不能計算出對應的數值,還有一點就是瀏覽器的字體粗細定義是不同的,Firefox明顯比chrome粗,所以對於這個問題上的研究根本沒意義,那麽在開發時也就不需要註意這個問題了。
為什麽font-size推薦使用具體數值?