在uniapp中的style中写的rpx为什么转换到小程序就变成了 rem
时间: 2024-03-12 16:46:20 浏览: 348
微信小程序开发-rem转换rpx小工具
这是因为在Uniapp中,rpx单位是用来适配微信小程序的,而rem单位是用来适配H5等其他平台的。因为微信小程序不支持rem单位,所以在编译成小程序时,Uniapp会将rpx单位转换为rem单位。
具体来说,Uniapp将750rpx视为屏幕宽度,将1rpx视为750/屏幕宽度的rem单位。这样做的好处是可以让开发者在编写样式时,使用统一的单位rpx,而不用考虑不同屏幕的不同分辨率,从而方便开发和维护。
如果您想在小程序中使用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单位。
阅读全文