页面适配

方案一、

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=375, user-scalable=no">

 

 方案二、

html {
  font-size: calc(100vw/3.75);
  -webkit-text-size-adjust: 100%;
}

vscode 使用px2rem这个插件，webpack、vscode都能支持。设置时将rootFontSize 设为100即可。

页面中 使用 ctrl+shift+p,选择px2rem就可以将当前页面的px全部转换为rem。