我想知道关于开发项目引入该组件库后的组件的适配问题,由于我的项目用了postcss-pxtorem,将px自动转成rem,导致该组件库的组件样式 也px转成 rem了。

如picker组件,在iphone X上:

image.png

在iphone 8 plus上:

image.png

2020-11-20 18:49创建
共2个回答
AD
游客AdtNgf

修改postcss.config.js文件:

module.exports = ({ file }) => {
    let remUnit
    if (file && file.dirname && file.dirname.indexOf("nut")>-1) {
        remUnit = 37.5
    } else {
        remUnit = 75
    }
    return {
        plugins: {
            'postcss-pxtorem': {
                rootValue: remUnit,
                propList: ['*']
            }
        }
    }
}