看到有人的代碼里用rem曾沈，然后就很好奇这嚣。
px 前端最基礎的單位是像素，它比較能夠理解塞俱，是代碼最小的分辨率單位姐帚。
em 是定義字體大小的，瀏覽器默認1em=16px障涯，當然你可以自定義罐旗。然后你就可以單位換算了，比如1.4em = 16 * 1.4px唯蝶，em的換算比是父親節(jié)點的換算比九秀。
rem 繼承根元素<html>的換算比，這樣比em穩(wěn)定
16px的換算表
emTable.png
支持的瀏覽器：
Mozilla Firefox 3.6+粘我、Apple Safari 5+鼓蜒、Google Chrome、IE9+和Opera11+
關于dpr征字，移動端的布局很多涉及到了dpr都弹，這里涉及到了像素密度的問題，主要針對移動端吧匙姜。
dpr的的全稱是device pixel ratio = physical pixel/density-independent pixel
在javascript中畅厢，可以通過window.devicePixelRatio獲取到當前設備的dpr
device-width
表示手機的分辨率寬度，而并非手機物理像素寬度氮昧。iPhone4在垂直狀態(tài)下物理像素寬度為640框杜，這里的device-width
代表的則應該是它的dip像素320px。
參考資料：
[1]CSS3的REM設置字體大小
[2]How to size text using ems
[3]移動端H5頁面高清多屏適配方案
