css單位 px 概漱、rem 、vw 都是相對(duì)單位
rem
rem 的計(jì)算是相對(duì)于 html 頁面的 font-size喜喂，默認(rèn)是1 rem = 16ox瓤摧；
如：假設(shè)設(shè)計(jì)圖是 2 倍圖，那么玉吁，我們可以把 html 字體設(shè)置為50 px照弥，而設(shè)計(jì)圖上的 div 寬度為86 px；則 div 在實(shí)際設(shè)備上的寬度應(yīng)為86 / 2等于43 px(實(shí)際設(shè)備寬度)进副，43 px 對(duì)應(yīng)為 43px * 1rem / 50px = 0.86 rem
1 rem = 50px;
? rem = 43px;
vw
vw是相對(duì)viewport視口的这揣，1 vw = 1%；100 vw等于設(shè)備的寬度 100%影斑，所以给赞，一般在實(shí)際開發(fā)時(shí)，把設(shè)計(jì)圖的寬度改成 1000px 像素矫户，然后用量出來的寬度除以10片迅，字體大小也除以10；
如：一張?jiān)O(shè)計(jì)圖的寬度改為 1000 像素后皆辽，量出設(shè)計(jì)圖上 div 的寬度為 80 px柑蛇；對(duì)應(yīng) 80 / 10 = 8 vw；量出來的字體大小為 30 px 驱闷，對(duì)應(yīng) 30 px / 10 = 3 vw耻台；
80 PX / 10 = 8VW
30 PX / 10 = 3VW
