uni-app 屏幕自由旋转模式下 App.vue 使用 [upx、rpx] 样式单位布局错乱

uni-app 屏幕自由旋转模式下 App.vue 使用 [upx、rpx] 样式单位布局错乱

测试过的手机

• iphone 6p
• mi 10s
• mi 4
• pixel 3a

示例代码

<script>
export default {
onLaunch: function() {
plus.screen.lockOrientation('portrait-primary');
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
</script> 
<style>
/* 任何定义，即使没用到此选择器，只要定义包含upx和rpx，则影响启动布局 */
a {
font-size: 20upx;
}
</style> 

操作步骤

• App.vue 全局样式中定义任何包含upx和rpx单位的样式，不管用不用到

预期结果

• 进入首页未使用的类不影响布局

实际结果

• App.vue 全局样式中定义任何包含upx和rpx单位的样式，不管用不用到，都影响了启动首页大小字体和布局

bug描述

• 屏幕自由旋转模式，App.vue只要用到携带[upx、rpx]样式单位，横屏模式下启动app有概率布局混乱，大小字体不正常

图片

文件

• test.zip