uni-app 4k 屏(2160 * 3840)使用 rpx 显示预期不一致-3

uni-app 4k 屏(2160 * 3840)使用 rpx 显示预期不一致-3

示例代码:

<view>
<view style="width: 750rpx; height: 750rpx; background-color: red;">
<view style="width: 375rpx; height: 375rpx; background-color: yellow;"></view>
</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.76
浏览器平台 Chrome
浏览器版本 139.0.7258.128
项目创建方式 HBuilderX


更多关于uni-app 4k 屏(2160 * 3840)使用 rpx 显示预期不一致-3的实战教程也可以访问 https://www.itying.com/category-93-b0.html

回到顶部