为什么在uniapp中写rpx在微信小程序会自动转换为rem 如何解决
时间: 2024-03-12 15:46:14 浏览: 203
移动端适配 使px自动转换rem
5星 · 资源好评率100%
在Uniapp中,rpx单位是针对微信小程序的,而rem单位是适用于H5等其他平台的。因为微信小程序不支持rem单位,所以Uniapp会自动将rpx单位转换为rem单位。
如果您想在微信小程序中使用rpx单位,可以在App.vue的onLaunch函数中添加以下代码:
```js
uni.getSystemInfo({
success: function (res) {
// 将rpx转换为px
let px = res.windowWidth / 750 * 100
// 动态设置html根元素的font-size
document.documentElement.style.fontSize = px + 'px'
}
})
```
这样,就可以将rpx转换为px,并动态设置html根元素的font-size,从而在微信小程序中使用rpx单位。
阅读全文