css單位
px單位
px代表着絕對尺寸，不會因其他元素的尺寸變化而變化，利用排序設置的字體集元素寬高比較穩定和精准，但是不能隨着瀏覽器的縮放而變化，所以不適用於響應式網站
em單位
em和rem都是靈活的可擴展的單位，由瀏覽器轉化為像素值，具體取決於設計圖中的大小。
很多人認為em單位是相對於父元素的字體的大小，但是根據w3標准，他是相對於使用em檔位的元素的字體的大小，也就是使用em單位的元素的本身。父元素的字體大小可以影響em值，是因為繼承。
<style>
#wrap{
font-size: 20px;
}
.content{
font-size: 14px;
padding: 1.5em;
}
</style>
<body>
<div id="wrap">
<div class="content">
</div>
</div>
</body>
可以看到padding值是21 而不是父元素的字體大小20*1.5
rem單位
當使用rem單位的時候，他們轉化為像素的大小取決與頁面根元素也就是html的字體大小，根元素的字體大小乘以rem值