css3 rem 屬性小記

rem（font size of the root element）是指相對於根元素的字體大小的單位（能夠聯想一下em）。也就是好比我定義：

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的也會變化。