使用rem

1,安装rem布局包

npm i amfe-flexible -S
npm i postcss postcss-pxtorem@5.1.1 -D

2,在main.js引入

import 'amfe-flexible'

3,与src同级目录创建postcss.config.js
rootValue是设计稿大小除以10,美团项目设计稿是750,可以使用75

module.exports = {
  plugins: {
    'postcss-pxtorem': {
      rootValue: 120,
      propList: ['*']
    }
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容