uniapp 单位rpx ，设计稿尺寸px处理方式

1.使用postcss-px2rpx 插件做全局的单位转换
npm install postcss-px2rpx -D
npm 安装
2.postcss.config.js修改

module.exports = {
  plugins: {
    'postcss-px2rpx': {
      // 设计稿宽度，默认750
      designWidth: 750,
      // 需要转换的最小像素值，默认1px
      minPixelValue: 1,
      // 转换的精度，默认5
      decimalPlaces: 5
    }
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13

3.配置好后就可以直接在css文件中用px单位