美文网首页
vue-cli3.x中将px转化为rem

vue-cli3.x中将px转化为rem

作者: Song_0129 | 来源:发表于2020-08-17 14:20 被阅读0次

    vue-cli3.x项目中使用postcss-pxtorem和lib-flexible相结合,将px转换为rem,从而实现移动端适配问题,兼容第三方UI框架

    一、安装相关插件

    npm install lib-flexible postcss-pxtorem --save
    //注:如果安装失败,可以使用cnpm
    

    二、main.js中引入

    import 'lib-flexible/flexible.js'
    

    三、package.json中进行配置

        "postcss": {
            "plugins": {
                "postcss-pxtorem": {
                    "rootValue": 100,//rem的值
                    "propList": [
                        "*"
                    ]
                }
            }
        },
    

    注意:使用时需先增加全局的rem

    相关文章

      网友评论

          本文标题:vue-cli3.x中将px转化为rem

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