9***@qq.com
9***@qq.com
  • 发布:2021-06-18 11:39
  • 更新:2021-06-18 13:44
  • 阅读:558

【报Bug】屏幕自由旋转模式,App.vue只要用到携带[upx、rpx]样式单位,布局就会错乱

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10 19043

HBuilderX类型: 正式

HBuilderX版本号: 3.1.18

手机系统: 全部

手机厂商: 华为

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

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有概率布局混乱,大小字体不正常

2021-06-18 11:39 负责人:无 分享
已邀请:
9***@qq.com

9***@qq.com (作者)

@DCloud_heavensoft 能不能帮忙检查一下,比较严重的问题

该问题目前已经被锁定, 无法添加新回复