標簽（空格分隔）： em rem
簡單介紹
單位
在編寫網頁過程中，需要對元素（標簽）進行寬高、顏色、字體等的設置，需要使用單位。
在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-indent(首行縮進)/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: .3em;/*30px*/
}
在做響應式網頁時，可以根據媒體查詢去調節
html標簽的字體大小，實現共同調節其他標簽大小的效果。
使用媒體查詢調節html字體大小，效果不夠精細（大小是分段改變的），可以使用JavaScript動態計算html的font-size.
使用注意點
在rem使用過程中，要時刻注意字體最小12px的問題
設置html的font-size屬性時候，最好不要小于12px。
如果設置了
10px，使用1rem時，其實是12px，因為最小值是12px。
