簡單介紹
單位
在編寫網(wǎng)頁過程中，需要對元素（標簽）進行寬高，顏色酬姆、字體等的設(shè)置交掏，這些需要使用單位。
在CSS中翅睛， 設(shè)置字體和寬高使用的單位可以一致，例如：px，em址儒，rem ...
rem來源
rem是CSS3中的單位
和px關(guān)系
px 是使用最多的單位。
em 和rem 可以和 px 單位進行換算衅疙，就比如克和千克之間可以換算一樣莲趣。
具體換算規(guī)則，在下面詳細說明饱溢。
建議
在做移動端項目的時候建議使用
rem作為單位喧伞。
可方便、快捷绩郎、容易的實現(xiàn)響應(yīng)式效果潘鲫。
rem詳細說明
em參照父級元素大小
如果父元素 font-size: 20px, 給子元素設(shè)置字體 font-size: 1em, 子元素其實就是 20px 的大小。
示例
設(shè)定 1em = 20px
2em = 40px
2.5em = 50 px
0.5em = 10px
em合適的使用場景是： text-inent（首行縮進） / line-height(行高）
em詳細說明
rem參考點是html標簽字體大小
rem 和 em 不同點就是 em 參考各自的父元素肋杖，如果父元素沒有設(shè)置字體大小溉仑，則繼續(xù)向上查找（父父元素），直至最后状植。
rem 直接參照 html 標簽字體大小浊竟，并且是所有使用rem單位的都是參照 html 標簽怨喘。
所以只需要更改 html 標簽字體大小，就可以影響全部使用 rem 單位的標簽逐沙。
代碼示例：
html {
font-size: 100px;
}
.title {
width: 5rem; /*500px*/
height: 5rem; /*500px*/
font-size: .3rem; /*30px*/
}
在做響應(yīng)式網(wǎng)址時哲思， 可以根據(jù)媒體查詢?nèi)フ{(diào)節(jié)
html標簽的字體大小，實現(xiàn)共同調(diào)節(jié)其他標簽大小的效果吩案。
使用媒體查詢調(diào)節(jié)
html字體大小棚赔， 效果不夠精細（大小是分段改變的），可以使用JavaScript動態(tài)計算html的font-size徘郭。
使用注意點
在rem使用過程中靠益，要時刻注意 字體最小12px 的問題。
設(shè)置 html的font-size屬性的時候 最好 不要小于12px残揉。
如果設(shè)置了 10px 胧后，使用 1rem 的時， 其實就是12px抱环，因為最小就是12px壳快。
