uni-app h5端rpx转成px时丢失小数点位数，导致小像素布局观感明显偏移，希望开放配置保留小数点位

uni-app h5端rpx转成px时丢失小数点位数，导致小像素布局观感明显偏移，希望开放配置保留小数点位

| 开发环境 | 版本号 | 项目创建方式 |
|----------|--------|--------------|
| Windows  | win10  | HBuilderX     |

### 操作步骤：
- f12看控制台，调整视窗，除1rpx外，任何情况下不会出现px不会出现小数点位

### 预期结果：
- 应该出现小数点位，至少两位或浏览器自动位数

### 实际结果：
- 没有小数点位

### bug描述：
- h5端，rpx转成px时丢失了小数点位数，导致小像素布局时在观感上有明显的偏移，希望开放配置保留小数点位

更多关于uni-app h5端rpx转成px时丢失小数点位数，导致小像素布局观感明显偏移，希望开放配置保留小数点位的实战教程也可以访问 https://www.itying.com/category-93-b0.html

24 回复

非常抱歉给您带来的不便, 这边无法复现问题, 请尝试使用最新正式版的HX, 或者加我QQ: 552455601, 详聊

更多关于uni-app h5端rpx转成px时丢失小数点位数，导致小像素布局观感明显偏移，希望开放配置保留小数点位的实战教程也可以访问 https://www.itying.com/category-93-b0.html


最新的3.8.12alpha版本也不行

昨天加你q了，帮忙通过一下

没人理了吗

这个问题随便都会，我是在浏览器上模拟的，比如字体设置36rpx，在375像素的设备上是18像素，这没问题。但是在414的屏幕上是不是应该显示为19.872px，但是转换出来的是19px；在360的屏幕上是不是应该显示为17.28px，但是转换出来的是17px；

对吧，反正总会差那么几个像素，现在用起rpx难受

回复 1***@qq.com: 是的

官方不鸟人更难受

没有人处理吗？，要被ui喷了

没人处理，我之前就说过了，这个rpx转换成px偏差是有点大，而且换算也不对你每次写出来的rpx转换成px总感觉会差那么几个像素，导致在电脑上浏览器上面是正确的到了手机上就差多了，之前用uniapp写还没出现过这种情况今年开始这种情况频繁出现

那有别的解决方法吗，比如用px，然后用插件转

没人处理？！

没人处理？！

没人处理吗？！

确实，其他屏幕上总是会差几个像素，太容易被UI输出了

参考附件设置一下，unitRatio 是转化比例，比如你需要 2rpx -> 1px，就设置 0.5，unitPrecision 是保留的小数点位数

有效果图吗？或者线上地址

或者吧复现这个问题的demo打个压缩包发出来

回复 爱豆豆: 这个问题随便都会，我是在浏览器上模拟的，比如字体设置36rpx，在375像素的设备上是18像素，这没问题。但是在414的屏幕上是不是应该显示为19.872px，但是转换出来的是19px；在360的屏幕上是不是应该显示为17.28px，但是转换出来的是17px；

回复 1***@qq.com: 明白了 真的没保留小数点后的位数

回复 爱豆豆: 是的，你们可以试一下，在浏览器上就可以了

回复 1***@qq.com: 我试过了 确实如此 不知道官方为啥不保留小数点后的位数。

回复 爱豆豆: 我还以为你是官方，果然，官方回答不会这么快

在uni-app的H5端，rpx单位转换为px时确实会默认取整，这可能导致细粒度布局出现视觉偏差。目前框架层面未提供直接配置小数位数的选项，但可以通过以下方式缓解：

  1. 使用CSS媒体查询配合vw单位：针对H5端，可以部分场景用vw替代rpx，通过[@media](/user/media)精细控制不同分辨率下的缩放比例，例如：
    [@media](/user/media) screen and (max-width: 750px) {
  .element {
    width: calc(1vw * 100 / 7.5); /* 近似1rpx效果 */
  }
}
回到顶部