單位
在編寫網頁過程中，需要對元素進行寬高顿肺、顏色戏溺、字體等的設置渣蜗，這些需要單位。在css中旷祸，設置字體和寬高使用的單位可以一致耕拷，例如：px/em/rem
rem來源
rem是css3中的單位
和px的關系
px是使用最多的單位。
em和rem可以和px進行換算托享，就比如克和千克之間可以換算一樣
具體換算規(guī)則骚烧，在下面詳細說明。
建議
在做移動端項目時闰围，建議使用
rem做單位
可以方便赃绊、快捷、容易的實現響應式布局羡榴。
em詳細說明
em參照父級元素大小
如果父元素font-size:20px;給子元素設置字體font-size:1em;子元素其實就是20px的大小
事例：
設定 1em = 20px 碧查；
2em = 40px ;
2.5em = 50px ;
em合適的使用場景是：text-index(首行縮進) /line-height （行高）
rem詳細說明
rem參考的是html標簽字體的大小
rem和em 不同點就是em 參考各自的父元素，如果父元素沒有設置字體大小校仑，則會繼續(xù)向上尋找（父父）元素忠售，直至最后。
rem直接參考html的字體大小迄沫，就可以影響全部使用rem單位的標簽稻扬。
事例代碼：
html{
font-size:100px;
}
.title{
width:5rem;
height:5rem;
font-size:.3rem;
}
在做響應式網址時，可以根據媒體查詢取調節(jié)
html標簽的字體大小羊瘩，實現共同調節(jié)其他標簽大小的效果泰佳。
使用媒體查詢調節(jié)
html字體大小，效果不夠好（大小是分段改變的）尘吗，可以使用js動態(tài)計算html的font-size
使用注意點
在rem使用過程中逝她，要時刻注意字體最小是12px的問題
設置html的font-size屬性時，最好不要小于12px
如果設置了10px睬捶，使用1rem時汽绢，其實是12px,因為最小是12px
