手把手版:https://blog.csdn.net/weixin_46337813/article/details/116096513spm=1001.2014.3001.5502
大致过程:
1.使用lib-flexible(淘宝适配方案)动态设置rem基准值(html标签的字体大小)
安装依赖 npm i amfe-flexible
在main.js入口文件引入 import 'amfe-flexible'
2.使用postcss-pxtorem将px转为rem
安装依赖 npm install postcss-pxtorem -D
在根目录创建postcss.config.js
module.exports = {
plugins: {
'postcss-pxtorem': {
// 设计稿宽度/10
rootValue: 37.5,
propList: ['*'],
},
},
};