1. 程式人生 > >為什麽font-size推薦使用具體數值?

為什麽font-size推薦使用具體數值?

不同 計算 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推薦使用具體數值?