uniapp的rpx在style的css变量中不转换？

• Z时代
• 2024-03-01
• 分类：IT

uniapp中使用css变量和rpx单位，rpx不会进行转换，代码如下：

<view class="com" style="--size: 400rpx">
  <view class="bg" :style="bgStyle">
  </view>
</view>

size还是显示为rpx，不会转换为px，该如何解决？

回答：

1. js方法
   使用upx2px即可,文档中有详细代码

2. css方法

   <view class="com" style="--size: 400"></view>

    .com{
      --size-rpx: calc(var(--size, 400) * 1rpx);
      width: var(--size-rpx);
      height: var(--size-rpx);
    }

以上是 uniapp的rpx在style的css变量中不转换？ 的全部内容， 来源链接： utcz.com/p/933443.html