rem  的根標籤是html

以html標籤上設定的font-size的值為參考點

如：

<div id="app">

　　<div id="son></div>

</div>

html{ font-size:20px; }

#app{

　　width :4rem; ===>4*20=80px

}

#son {
 　　width :2rem; ===>2*20 =40px

}

如果html的font-size 的值能隨便螢幕的大小變化而變化

em 根據父元素改變值

以父元素為參考點

比如：

<div id="app">

　　<div id="son></div>

</div>

#app{

　　font-size:10px;

}

#son{

　　font-size:1em; ==>1*10=10px

}

物理畫素和css畫素

正常情況下 1物理畫素=1css畫素

放大的時候 1css畫素=3物理畫素，會模糊