網頁中常用的單位：px、em、pt、%、deg、rem
rem 相對單位 相當于html根元素font-size進行計算。
寫pc端都是用的px像素單位，px是固定不變的。
但是在移動端頁面中，移動端的寬高大小都是不一樣的，html大小也是不一樣的。
dpr（設備像素比）=物理像素/邏輯像素
邏輯像素：前端需要設置的css樣式大小。
【注意】常見的設計圖中的dpr：640px的設計圖中，pdr為2；750px的設計圖中，dpr為2；1080px的設計圖中，dpr考慮為3.
總結：當設備圖寬度為640px的時候，dpr為2。rem計算方式為物理像素/dpr/當前的html的font-size的值。
寫移動端的第一種方式：媒體查詢+rem單位實現
優(yōu)點：簡單好理解
缺點：計算麻煩，有多個設備就需要寫多個媒體查詢。
