簡單介紹
單位
在編寫網(wǎng)頁過程中，需要對元素進(jìn)行寬高操禀、顏色褂策、字體等的設(shè)置
在css中設(shè)置字體和寬高使用的單位可以一致，例如：px/em/rem/...
rem來 源
rem是css3中的單位
和px的關(guān)系
建議
在做移動端項(xiàng)目時(shí)床蜘，建議使用
rem作為單位
em詳細(xì)說明
em參照父級元素大小
實(shí)例：
- 如果em = 20px
- 2em = 50px
em合適的使用場景是：text-indent/line-height
rem詳細(xì)說明
rem參照的是html字體大小
em和rem不同點(diǎn)：em參照各自的父元素辙培，如果父元素沒有設(shè)置字體大小，則繼續(xù)向上查找父元素邢锯。rem直接參照html標(biāo)簽字體大小扬蕊，并且所有使用rem單位的參照都是html字體大小
代碼示例
html{
font-size: 100px;
}
.title{
width:5rem;/*500px*/
height: 5rem;/*500px*/;
font-size: .3rem;/*30px*/
}
在做響應(yīng)式網(wǎng)站時(shí)，可以根據(jù)媒體查詢?nèi)フ{(diào)節(jié)
html標(biāo)簽的字體大小丹擎，實(shí)現(xiàn)共同調(diào)節(jié)其他標(biāo)簽的大小的效果
使用媒體查詢調(diào)節(jié)html字體大小尾抑，效果不夠精細(xì)（大小是分段改變的），可以使用JavaScript動態(tài)計(jì)算html的font-size
注意使用點(diǎn)
在rem使用過程中蒂培，要時(shí)刻注意字體最小為12px的問題
設(shè)置html的font-size屬性時(shí)再愈，最好不要小于12px
如果設(shè)置了10px，使用rem的時(shí)候护戳，其實(shí)是12px翎冲，因?yàn)樽钚?2px
