rem(font size of the root element)是指相對於根元素的字體大小的單位(能夠聯想一下em)。也就是好比我定義:html
html{ font-size:14px}
那麼如引用.test-box font-size/width/height 設爲2rem的話就至關於 2*14px。也就是字體
.test-box{ font-size:2rem; /*font-size:28px;*/ /*2*14px/ }咱們能夠理解爲,一旦根節點html 定義的 font-size 變化,那麼整個網頁中運用到 rem的也會變化。