看到有人的代碼里用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頁面高清多屏適配方案
