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
    }
  }
}

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

你可能感兴趣的:(uni-app)