在项目中使用lib-flexible动态设置rem值做手机端像素适配

1.安装依赖

npm i amfe-flexible

2.在main.js中加载执行该模块
import ‘amfe-flexible’

使用postcss-pxtorem将px转换成rem
1.安装依赖
npm i postcss-pxtorem -D
2.在项目的根目录创建一个postcss.config.js文件
添加以下内容


module.exports = {
  plugins: {
    'autoprefixer': {
      browsers: ['Android >= 4.0', 'iOS >= 8']
    },
    'postcss-pxtorem': {
      rootValue: 37.5,
      propList: ['*']
    }
  }
}

在这里插入图片描述
然后重启项目就可以看到PX转换成了rem辣
在这里插入图片描述

©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页