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

最新推荐文章于 2025-03-14 10:31:58 发布

小吴头大

最新推荐文章于 2025-03-14 10:31:58 发布

阅读量1.6k

点赞数 1

文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/weixin_43907110/article/details/133749178

版权

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