px转rem

最新推荐文章于 2025-02-25 17:59:07 发布

@玩Go那个玩!

最新推荐文章于 2025-02-25 17:59:07 发布

阅读量134

点赞数

文章标签： px-rem

本文链接：https://blog.youkuaiyun.com/qq_43653325/article/details/89599930

版权

使用pxtorem px转成rem

yarn add lib-flexible
在main.js引入中：import ‘lib-flexible/flexible.js’
yarn add postcss-pxtorem
1. 在vue.config.js里面.

module.exports = {
 lintOnSave: false,
 devServer: {
   port: 7777,
   host: 'localhost',
   https: false,
   open: true

 },
 css:{
   loaderOptions: {
      postcss: {
          plugins: [
              require('postcss-pxtorem')({
                  rootValue : 37.5, // 换算的基数
                  propList   : ['*'],
                  }),
              ]
          }
      }
     
 }
}