papaya
papaya
  • 发布:2020-09-14 21:01
  • 更新:2020-12-18 14:45
  • 阅读:2096

uni-app 编译h5页面rpx转px异常

分类:uni-app
rpx

问题现象:
代码定义了div的宽度600rpx,但是编译后的css代码宽度为0.5px,正常转换结果应该为300px

如图:

由于我编译后的页面是放在app中通过webview容器加载的,而页面元素的长度是动态生成的:
观察到编译后生成的index.46cd11f.js 有如下代码:

标记出来的代码说明长度是动态计算的。

因此可能是因为webview还没有完全初始化完,没有一个确定的宽度,这时候加载页面,导致实际计算出来的px数据不对。

我应该怎么做可以使编译出来的代码计算出正确的长度?

如果有地方没有描述清楚,欢迎指出。

2020-09-14 21:01 负责人:无 分享
已邀请:
云淡风轻gfg

云淡风轻gfg

请问解决了吗,我也遇到这个问题。h5用在chrome插件里。rpx没有正常转换,750rpx只转换成25px。我设置了html和bod都为375px,在onLaunch里拿到的uni.getSystemInfoSync().windowWidth和document.documentElement.clientWidth都是375px。但是就是rpx都未正常转换

  • 陵域

    请问解决了吗,我也遇到这个问题

    2022-10-31 14:42

该问题目前已经被锁定, 无法添加新回复