3***@qq.com
3***@qq.com
  • 发布:2025-03-05 19:38
  • 更新:2025-03-05 19:58
  • 阅读:30

rpx单位编译到微信小程序中显示的是px单位,到底是uniapp的问题还是微信开发者工具的问题?

分类:uni-app
.waterfallContainer {  
  width: 100%;  
  height: 100%;  
  overflow-x: hidden;  
  overflow-y: auto;  
  .waterfallList {  
    postion: relative;  
    .waterfallItewm {  
      position: absolute;  
      left: 0;  
      top: 0;  
      box-sizing: border-box;  
      border-radius: 4rpx;  
      overflow: clip;  
      .goods-img {  
        width: 100%;  
        aspect-ratio: 1/1;  
      }  
    }  
  }  
}

这是uniapp中的样式,编译到微信中是

.waterfallContainer {  
  width: 100%;  
  height: 100%;  
  overflow-x: hidden;  
  overflow-y: auto;  
}  
.waterfallContainer .waterfallList {  
  postion: relative;  
}  
.waterfallContainer .waterfallList .waterfallItewm {  
  position: absolute;  
  left: 0;  
  top: 0;  
  box-sizing: border-box;  
  border-radius: 4rpx;  
  overflow: clip;  
}  
.waterfallContainer .waterfallList .waterfallItewm .goods-img {  
  width: 100%;  
  aspect-ratio: 1/1;  
}

但实际结果是

.waterfallContainer .waterfallList .waterfallItewm {
position: absolute;
left: 0;
top: 0;
box-sizing: border-box;
border-radius: 2px;
overflow: clip;
overflow: clip;
}

4rpx变成了2px

同时还有通过style 的动态赋值 的样式单位是rpx但实际结果变成了px且数值变成了原来的一般
求解答到底是哪里配置错误了。

2025-03-05 19:38 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

把hbx卸载 重装试试

要回复问题请先登录注册