页面适配

方案一、

<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。

页面适配

 

上一篇:Hive3.1.0入门:安装部署详解


下一篇:vue 实现购物车列表右滑删除功能