rem自适应

第一步:rem.js文件

function setRem() {
const baseSize = 32; // 32
const scale = document.documentElement.clientWidth / 750; // 750
document.documentElement.style.fontSize =
baseSize * Math.min(scale, 2) + "px";
}
// 初始化
setRem();
// 改变窗口大小时重新设置 rem
window.onresize = function () {
setRem()
}

引入自适应文件 : rem.js

第二步: 文件记得引入

第三步: vscode  安装 插件 px to rem & rpx (cssrem)

 看一下插件的值是不是16px

第四步: 蓝湖的话,记得改为375