rem(font size of the root element)是指相對於根元素的字體大小的單位。簡單的說它就是一個相對單位。看到rem大家一定會想起em單位,em(font size of the element)是指相對於父元素的字體大小的單位。它們之間其實很相似,只不過一個計算的規則是依賴根元素一個是依賴父元素計算。
所以這里總結一句,所謂依賴根元素來計算的方式,就是先給予html元素一個font-size,然后我們所有的rem就根據這個font-size來計算
列如 :html{font-size:16px;}
那么我們這里的1rem就應該這么來計算:1x16=16px=1rem;瀏覽器默認為16px可能造成rem計算上的麻煩和多位小數,所以,我們也可以進行這種方式的初始化根元素:
html{
font-size=
62.5%
//這里就是
10
/
16
x
100%
=
62.5%
也就是默認
10px
的字號
}
這樣初始化之后,我們來進行rem計算的時候,就會減少許多的麻煩。