簡單介紹
單位
在編寫網頁過程中，需要對元素（標簽）進行寬高、顏色、字體等的設置，這些需要使用單位。
在css中，設置字體和寬高使用的單位可以一致，例如：px / em / rem / ...
rem來源
rem是css3中的單位。
和px關系
px 是使用最多的單位。
em和rem可以和px單位進行換算，就比如“克”和“千克”可以換算一樣。
具體換算如下。
建議
在做移動端項目的時候，建議使用
rem作為單位
可以方便、快捷、容易的實現響應式效果
em詳細說明
em參照父級元素字體的大小
如果父級元素 font-size:20px;, 給子元素設置字體 font-size:1em;, 子元素其實就是 20px 的大小。
示例：
- 如果1em = 20px;
- 2em = 40px;
- 2.5em = 50px;
- 0.5em = 10px;
em合適的使用場景：text-index(首行縮進）/line-height（行高）
rem詳細說明
rem參照的是根元素即
html標簽字體的大小。
rem 和 em 不同點就是 em參照各自的父級元素，如果父級元素沒有設置字體大小，則繼續向上級查找（父父級元素），直至最后
rem直接參照html標簽的大小，并且是所有使用rem單位的都是參照html標簽。所以，只需要修改 html標簽字體的大小，就可以影響全部使用rem單位的標簽
代碼實例：
html{
font-size:100px;
}
.title{
width:5rem;/*500px*/
height:5rem;/*500px*/
font-size:.3rem;/*30px*/
}
在做響應式網站時，可以根據媒體查詢去調節
html標簽字體的大小，實現共同調節其它標簽大小的效果
使用媒體查詢調節html字體的大小，效果不夠精細（大小是分級改變的），可以使用JavaScript動態計算
html的font-size
使用注意點
在rem使用過程中，要時刻注意 字體最小12px 的問題，設置 html的font-size 屬性時，最好 不要小于12px ，如果設置了 10px;使用1rem的時候，其實是12px,因為最小12px;
