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 也不生效

image

信息类别 详细信息
产品分类 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里面私聊你了

回到顶部