uni-app rpx转换px有误差
uni-app rpx转换px有误差
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Windows | win10 | HBuilderX |
产品分类：uniapp/App
PC开发环境操作系统：Windows
HBuilderX类型：正式
手机系统：Android
手机系统版本号：Android 12
手机厂商：小米
手机机型：k50
页面类型：vue
vue版本：vue2
打包方式：云端
示例代码：
<view :style="{top:5510rpx}"></view>
操作步骤：
- 页面查看
预期结果：
- rpx转换px正常
实际结果：
<uni-view data-v-911092fa="" style="top: 3159px;"></uni-view>
更多关于uni-app rpx转换px有误差的实战教程也可以访问 https://www.itying.com/category-93-b0.html
4 回复
iphone 6 是1倍的分辨率
iphone 14 pro max是4倍的分辨率
你这样处理肯定有误差
可以相对于盒模型来做距离比较，比如距离顶部5510rpx，可以变成距离底部***rpx。这样误差会小点
或者使用flex进行流式布局，也会好很多。
更多关于uni-app rpx转换px有误差的实战教程也可以访问 https://www.itying.com/category-93-b0.html
试试这个处理方式吧
rpxToPx(){
const screenWidth = uni.getSystemInfoSync().screenWidth
return (screenWidth * Number.parseInt(rpx)) / 750
}
