移动端px转换rem

最新推荐文章于 2022-09-24 14:51:17 发布

yinian_12

最新推荐文章于 2022-09-24 14:51:17 发布

阅读量141

点赞数

分类专栏：笔记文章标签： vue

本文链接：https://blog.csdn.net/weixin_47648850/article/details/114297353

版权

笔记专栏收录该内容

43 篇文章 0 订阅

订阅专栏

一下载插件

npm i postcss-pxtorem -S

npm i amfe-flexible -S

二. 在vue.config.js对css进行设置

const autoprefixer = require('autoprefixer');
const pxtorem = require('postcss-pxtorem');
module.exports = {
    css:{
      sourceMap:false,
      loaderOptions: {
        postcss: {
          plugins: [
            autoprefixer(),
            pxtorem({
              rootValue: 37.5,
              propList: ['*']
            })
          ]
        }
      }
    }
}