新版本问题demo下载地址：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-719e4243-3ff7-4b51-b070-6200ccb4d04a/35e9221e-c4e6-4c7a-86c8-a03fa31cf1e1.rar
一抱一个胖猪猪
- 发布：2021-11-02 01:33
- 更新：2021-11-22 15:27
- 阅读：1262
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 3.2.12
手机系统： Android
手机系统版本号： Android 11
手机厂商： vivo
手机机型： ioqq u3
页面类型： nvue
打包方式： 离线
项目创建方式： HBuilderX
App下载地址或H5⽹址： https://vkceyugu.cdn.bspapp.com/VKCEYUGU-719e4243-3ff7-4b51-b070-6200ccb4d04a/d296b050-d2a3-4666-bb50-0a4b809ef1bf.apk
示例代码：
操作步骤：
新版本问题demo下载地址：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-719e4243-3ff7-4b51-b070-6200ccb4d04a/35e9221e-c4e6-4c7a-86c8-a03fa31cf1e1.rar
新版本问题demo下载地址：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-719e4243-3ff7-4b51-b070-6200ccb4d04a/35e9221e-c4e6-4c7a-86c8-a03fa31cf1e1.rar
预期结果：
新版本问题demo下载地址：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-719e4243-3ff7-4b51-b070-6200ccb4d04a/35e9221e-c4e6-4c7a-86c8-a03fa31cf1e1.rar
新版本问题demo下载地址：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-719e4243-3ff7-4b51-b070-6200ccb4d04a/35e9221e-c4e6-4c7a-86c8-a03fa31cf1e1.rar
实际结果：
新版本问题demo下载地址：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-719e4243-3ff7-4b51-b070-6200ccb4d04a/35e9221e-c4e6-4c7a-86c8-a03fa31cf1e1.rar
新版本问题demo下载地址：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-719e4243-3ff7-4b51-b070-6200ccb4d04a/35e9221e-c4e6-4c7a-86c8-a03fa31cf1e1.rar
bug描述：
新版本打包 播放器进入全屏，ui全乱了！直接放大了很多倍，有的地方虽然没放大但是错乱了
新版本打包的app，下载app可以直接看到错乱的问题
项目App下载地址：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-719e4243-3ff7-4b51-b070-6200ccb4d04a/d296b050-d2a3-4666-bb50-0a4b809ef1bf.apk
新版本打包的纯demo-App下载地址：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-719e4243-3ff7-4b51-b070-6200ccb4d04a/edf0acba-db1e-4cca-8cb3-9cf5be77ea49.apk
新版本打包的纯demo-App-录屏查看地址：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-09d51a3c-5377-4b89-be05-e4c0470c363b/5a33df22-7ddd-400e-b7d5-d4af2153ce32.mp4
!
新版本问题demo下载地址：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-719e4243-3ff7-4b51-b070-6200ccb4d04a/35e9221e-c4e6-4c7a-86c8-a03fa31cf1e1.rar
下面这是没更新之前，上2个版本打包时候的 正常ui
4 个回复
DCloud_Android_ST
新版本横竖屏切换会重新计算rpx单位。rpx单位与当前屏幕宽度有关。所以导致现在出现的问题。暂时请使用px单位 后续会提供更详细的说明和配置。请关注留意
DCloud_App_Array
为了适配不同屏幕设备，uni-app规范定义“rpx 即响应式px，一种根据屏幕宽度自适应的动态单位。”，也就是说rpx计算值跟当前屏幕有关，横屏时屏幕变宽了，所以设置rpx为单位的字体在横屏时会变大。如果想要保持横竖屏时字体不变则应该使用px单位，详情参考uni-app尺寸单位。
老版本HBuilderX中对rpx单位排版实现是有Bug的，横竖屏切换时并不会做响应式动态计算。HBuilderX3.2.5及以上版本适配折叠屏修复了此问题，所以导致使用rpx的组件在横竖屏切换出现新老版本的布局差异。
因此建议开发者正确理解rpx，并在新版本进行适配。
当然也因此导致一些应用在升级HBuilderX后可能出现排版显示不正常的问题，为了保持向下兼容，减少开发者的重新适配工作，后续我们会提供配置项继续保持HBuilderX老版本的rpx计算模式。
一抱一个胖猪猪 (作者) - 喜猪妹一只，爱超大只！管你好不好看，吨位最重要！
顶顶顶顶顶顶
DCloud_UNI_GSQ
HBuilderX 3.2.15+ 已增加相关配置 dynamicRpx
一抱一个胖猪猪 (作者)
好的
2021-11-23 11:19