1.rem
rem是相對於根元素的字體大小的單位
rem能等比例適配所有的屏幕，根據html的字體的大小來控制rem的大小
2.dpr設備像素比
dpr = 物理像素 / 邏輯像素
物理像素：設計圖量出的px（設備顯示的px）
邏輯像素：css中設置的px
如果設計圖的寬度是640px 或者 750px dpr = 2
如果設計圖的寬度是1080px dpr = 3
3.vw
視窗寬度
1vw 等於視窗寬度的1%
100vw 等於視窗寬度的100%
4.vw 與 px 之間的換算
如果設計圖的寬度是640px 則 dpr = 2
所以：邏輯像素 = 640px /2 = 320px
所以：320px = 100vw
所以：1vw = 3.2px
所以：31.25vw = 100px = 1rem
如果設計圖的寬度是750px 則 dpr = 2 所以：邏輯像素 = 750px /2 = 375px 所以：375px = 100vw 所以：1vw = 3.75px 所以：26.67vw = 100px = 1rem
如果設計圖的寬度是1080px 則 dpr = 3 所以：邏輯像素 = 1080px / 3 = 360px 所以：360px = 100vw 所以：1vw = 3.6px 所以：27.78vw = 100px
5.根元素字體大小的限制
如果設計圖寬度為640px
則：根元素設置為
html{font-size:31.25vw}
如果設計圖寬度為750px
則：根元素字體大小設置為
htmt：{font-size:26.67vw}
如果設計圖寬度為1080px
則根元素字體大小設置為
html:{font-size:27.78vw}
6.計算方法：
為了方便計算：1rem = 100px,,所以，要除以100
已知 dpr = 2
如果量取設計圖的某部分 寬度 300px
物理像素-------邏輯像素-------rem
則：300/2/100 = 1.5rem
7.rem是相對於根元素的字體大小的單位，能等比例適配所有的屏幕，根據html的字體的大小來控制rem的大小
如果設計圖為 640px 根元素font-size=31.25vw 相當於100px,相當於 1rem 如果設計圖為750px 根元素font-size=26.67vw 相當於100px,相當於 1rem 一般，我們要在公共樣式中根據設計圖的大小，設置根元素字體的大小，單位為vm， 如果設計圖為640px,html{font-size:31.25vw} 如果設計圖為750px，html{font-size:26.67vw} 然后，我們量取得px/2/100即：物理像素/2/100