使用rem

作者: 宇少_e010 | 来源:发表于2022-08-31 11:21 被阅读0次

    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: ['*']
        }
      }
    }
    

    相关文章

      网友评论

          本文标题:使用rem

          本文链接:https://www.haomeiwen.com/subject/yorrgltx.html