空晓天
空晓天
  • 发布:2025-09-01 09:59
  • 更新:2025-09-01 23:37
  • 阅读:44

【报Bug】4k 屏(2160 * 3840)使用 rpx 显示预期不一致-2

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win 10

HBuilderX类型: 正式

HBuilderX版本号: 4.76

浏览器平台: Chrome

浏览器版本: 139.0.7258.128

项目创建方式: HBuilderX

示例代码:

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

2025-09-01 09:59 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

设置下最大宽度试试呢
参考文档:https://uniapp.dcloud.net.cn/collocation/pages.html#globalstyle

  • 空晓天 (作者)

    谢谢哈,好像真有用,我先去测试一下

    2025-09-02 10:34

要回复问题请先登录注册