html {font-size: 62.5%}

標籤：趨勢   處理   無法   計算   htm   方便   color   樣式   body   

首先，rem是以html為基準。

一般的，各大主流瀏覽器的font-size預設值為16px,此時1rem=16px。如果此時將rem與px進行換算很麻煩，比如0.75rem=12px。

為了更方便的進行換算（比如1：10），就可以加樣式：

html,body{  font-size: 62.5%;  }

設定了62.5%以後就有 1rem=10px，便於用rem指定元素的尺寸（比如1.2rem=12px,1.4rem=14px），這樣響應式的時候就可以直接改變font-size而無需計算其他各種樣式中出現的尺寸了。

用rem定義尺寸的另一個好處是更能適應 縮放／瀏覽。

至於選擇62.5%而非10px的原因，主要是相容性和未來發展趨勢的綜合考慮，px這個單位的含義已經越來越混亂，幾乎無法評估以後的裝置是會一直像現在這樣對網頁上的px做相容處理，還是讓px迴歸“像素”的本意，但62.5%代表預設字型尺寸的62.5%這個含義基本不會有混亂。

 

html {font-size: 62.5%}