單位
在編寫網頁過程中，需要對網頁進行寬高，顏色，字體等的設置，這些需要使用單位。
在CSS中設置字體寬高使用的單位可以一致，列如‘px’/'rem'/'em'
rem來源
rem是CSS3中的單位
和px的關系
px時使用最多的單位
em和rem可以和px單位進行換算，就比如克和千克之間可以換算一樣。
具體換算規則，下面說明
建議
在移動端項目的時候，建議使用
rem作為單位。
可以方便，快捷，容易的實現響應式布局
簡單介紹
em詳細說明
em參照父級元素大小
如果父級元素font-size:20px;給子元素設置字體font-size:1em;子元素其實就是20px大小。
示例：
1em=20px;
2.5em=50px
em合適的使用場景是： text-indent(首行縮進)/line-height(行高)
rem詳細說明
rem參照的html標簽的字體大小
rem和em不同點就是em參考父級元素大大小，如果父級元素沒設置，則繼續參考上上一級，直至最后
rem直接參考html標簽的字體大小，所以只用更改html標簽的大小，就可以影響全部使用rem單位的標簽
代碼示例
html{
font-size:100px;
}
.title{
width:5rem;/*500px*/
font-size:.3rem;/*30px*/
}
在做響應式網址時，可以根據媒體查詢去調節
html標簽的字體大小，實現共同調節其他標簽大小的效果
使用注意點
在rem使用過程中要時刻注意最小字體12px的問題
設置html的font-size時最好不要小于12px.
