"plugins":{
"autoprefixer":{ // css兼容前缀
overrideBrowserslist:[
"Android 4.1",
"iOS 7.1",
"not id <=11",
]
},
"postcss-pxtorem":{
rootValue:75, // 值为设计稿的宽,设计稿多宽,这里就写多少
uniPrecision:6,
replace:true, // rem替换px
mediaQuery:true, // 兼容媒体查询
minPixeValue:1,
eclude:/node_modules/i, // 忽略node_modules
}
}
}

- 发布:2025-03-05 10:57
- 更新:2025-03-05 10:57
- 阅读:107
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows10
HBuilderX类型: 正式
HBuilderX版本号: 4.45
手机系统: Android
手机系统版本号: Android 12
手机厂商: 小米
手机机型: Redmi Note 11
页面类型: vue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
1.npm i postcss-pxtorem@5.1.1 -D
2.npm i lib-flexible@0.3.2 -S
3.main.js引入import 'lib-flexible/flexible';
1.npm i postcss-pxtorem@5.1.1 -D
2.npm i lib-flexible@0.3.2 -S
3.main.js引入import 'lib-flexible/flexible';
预期结果:
项目正常运行,px转rem
项目正常运行,px转rem
实际结果:
app会报错运行错误或者页面空白,小程序和h5是正常的
app会报错运行错误或者页面空白,小程序和h5是正常的
bug描述:
npm i postcss-pxtorem@5.1.1 ,然后配置了postcss.config.js。运行会报错(见附件) 100%复现
