參考博客:http://www.cnblogs.com/daxiong/articles/2772276.html
在網頁設計中我們經常看見body{font-size: 62.5%;}這樣的設置,為什么偏偏是62.5%呢?這主要是為了方便em與px相互轉換,em的初始值為1em=16px,顯然這樣的話,如1.2em則=19.2px,可是我們在設置的時候很少看見19.2px這樣表示的大小,也就是在用px表示大小時數值是不帶小數位的。當設置了body{font-size: 62.5%;}時,1em則=16px*62.5%=10px,1.2em則=12px,這是不是就簡單多了,准確多了呢~~
code:
body {
font-size: 62.5%;
}
p {
font-size: 1.2em;
}
其他補充:
因為設了62.5%后就有1rem = 10px
,便於用rem來指定元素的尺寸,這樣響應式的時候可以直接改變font-size而無需計算其他各種樣式中出現的尺寸了。 用rem定義尺寸的另一個好處是更能適應縮放/瀏覽器設置字體尺寸等情況(因為rem相對於字體大小,會同步改變)。