uni-app中topWindow页面rpx不解析

uni-app中topWindow页面rpx不解析

示例代码：

.user-icon { font-size: 38rpx; color: green; }
```

## 操作步骤：

- 文字大小  38rpx

## 预期结果：

- 转换rpx单位为正常的px

## 实际结果：

- rpx没有被解析

## bug描述：

### topWindow页面rpx不解析。

![](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20210611/cf65245cec7e75e359342ae16cf81255.jpg)

## 相关链接 ：

- [问题链接](https://ask.dcloud.net.cn/question/177427)

更多关于uni-app中topWindow页面rpx不解析的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

什么版本的HX？建议升级至3.1.10以上

更多关于uni-app中topWindow页面rpx不解析的实战教程也可以访问 https://www.itying.com/category-93-b0.html


3.1.18.20210609

回复 3***@qq.com: 可以提供一份示例吗？

遇到同样问题 目前最新版本3.3.11 详细就是topwindow 里面使用的组件里面用了 rpx 且 css 为 scss 出现rpx 不编译 编译为楼主的乱码格式

在uni-app中，topWindow页面（即原生标题栏自定义区域）的rpx单位不解析是已知限制。topWindow作为原生控件层，其样式渲染机制与普通页面不同，不支持CSS预处理器对rpx的转换。建议改用px单位，或通过uni.upx2px()方法动态计算：

.user-icon {
  font-size: 19px; /* 以750设计稿为例，38rpx≈19px */
}

若需动态适配，可在JS中处理：

const fontSize = uni.upx2px(38);
回到顶部