欢迎加QQ交流:
2
0
2
3

Vue Cli4.5版本手机端适配(rem)

1.安装amfe-flexible(根据屏幕动态改变根元素font-size,postcss-pxtorem把代码中px转为rem)

npm i amfe-flexible -S
2.安装postcss-pxtorem(一款 PostCSS 插件,用于将 px 单位转化为 rem 单位)

安装命令 npm i postcss-pxtorem@5.1.1

3.然后在main.js里引入amfe-flexible

import 'amfe-flexible'

4.在根目录新建一个postcss.config.js(和src,package.json等文件平级)

5.在postcss.config.js引入代码

module.exports = {
  plugins: {
    // postcss-pxtorem 插件的版本需要 >= 5.0.0
    'postcss-pxtorem': {
      rootValue:75,
      propList: ["*"]
    },
  },
};
重启服务就行啦
原文链接:https://blog.csdn.net/weixin_52240193/article/details/121423351

posted @ 2022-08-31 16:22  常安·  阅读(87)  评论(0)    收藏  举报