4k 屏(2160 * 3840)在uni-app中使用 rpx 显示预期不一致
4k 屏(2160 * 3840)在uni-app中使用 rpx 显示预期不一致
示例代码:
<view>
<view style="width: 750rpx; height: 750rpx; background-color: red;" >
<view style="width: 375rpx; height: 375rpx; background-color: yellow;" ></view>
</view>
<view style="width: 760rpx; height: 760rpx; background-color: blue;" >
<view style="width: 375rpx; height: 375rpx; background-color: yellow;" ></view>
</view>
</view>
操作步骤:
创建项目,随便一个页面,把我的代码复制进去就能看到效果。把浏览器显示的分辨率改成 4k
预期结果:
rpx 实现屏幕切分成 750 份
实际结果:
无
bug描述:
看我上传的图,在4k屏(2160 * 3840)下,750rpx 和 375rpx 宽度只有 750rpx 生效。375rpx 没有达到屏幕一半,与预期显示不符。同时设置大于 750rpx 也不生效

| 信息类别 | 详细信息 |
|---|---|
| 产品分类 | uniapp/H5 |
| PC开发环境 | Windows |
| PC开发环境版本 | win 10 |
| HBuilderX类型 | 正式 |
| HBuilderX版本 | 4.75 |
| 浏览器 | Chrome |
| 浏览器版本 | 139.0.7258.128 |
| 项目创建方式 | HBuilderX |
更多关于4k 屏(2160 * 3840)在uni-app中使用 rpx 显示预期不一致的实战教程也可以访问 https://www.itying.com/category-93-b0.html
4 回复
其他尺寸的屏幕有问题吗?不同的浏览器行为是否一致?hx版本升级到4.76 测试一下
更多关于4k 屏(2160 * 3840)在uni-app中使用 rpx 显示预期不一致的实战教程也可以访问 https://www.itying.com/category-93-b0.html
4.76 还是一样,其他浏览器也是图片中的显示
显示都是与预期不符
回复 空晓天: im里面私聊你了

