- 发布:2021-06-18 11:39
- 更新:2021-06-18 13:44
- 阅读:558
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10 19043
HBuilderX类型: 正式
HBuilderX版本号: 3.1.18
手机系统: 全部
手机厂商: 华为
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
测试过的手机:
示例代码:
<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>
<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单位的样式,不管用不用到
预期结果:
进入首页未使用的类不影响布局
进入首页未使用的类不影响布局
实际结果:
App.vue 全局样式中定义任何包含upx和rpx单位的样式,不管用不用到,都影响了启动首页大小字体和布局
App.vue 全局样式中定义任何包含upx和rpx单位的样式,不管用不用到,都影响了启动首页大小字体和布局
bug描述:
屏幕自由旋转模式,App.vue只要用到携带[upx、rpx]样式单位,横屏模式下启动app有概率布局混乱,大小字体不正常