px轉rem移動端適配

本人用的是VScode編輯器

一、在設置裏面加上

 

 

"cssrem.rootFontSize": 100,

2.在樣式裏面加入

註釋：rem是相對於根元素html的，若是不設置的話1rem=16px不方便計算，100vw是屏幕的寬度，若是設計稿寬度是375px，100vm/375根元素爲1像素，此時1rem=1px,因此100vw/3.75擴大了100倍後1rem=100px

爲何不用100vw/375呢？

由於chrome下最小字體大小爲12px，因此不能把html的font-size設置成1px或者10px，100px是咱們最好的選擇。

body{

font:16px "微軟雅黑";

}

(這個是爲了兼容一些老版本的瀏覽器)