dcloudio / dcloudio/uni-app

App 横竖屏切换,页面显示错乱

Open
#1,885 15 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
JavaScript
Stars
41.6k
Forks
3.7k
Avg merge
7h 6m
Merged PRs (30d)
6

Description

**问题描述**
App 整体竖屏,一个页面横屏,进入横屏页后,页面上的文字显示有时候显示大,有时候显示小,退出横屏页,竖屏页面文字也会有时候特别大。

**复现步骤**
1. `pages.json` 在 `globalStyle` 添加竖屏配置
1. 启用App进入竖屏主页
2. 从主页进入详情页,通过 `plus.screen.lockOrientation('landScape')` 控制切换横屏
3. 退出详情页,设置 `plus.screen.lockOrientation('portrait-primary')` 控制切换回竖屏
4. 此时查看主页部分页面,会出现显示内容被放大的效果,同时详情页的内容显示也会有偶尔特别小的问题

**预期结果**
横竖屏切换页面正常显示

**实际结果**
横竖屏切换后,页面经常显示内容过大,或者过小。不一定每次发生,但是发生概率非常大。

下面是网上有人报的问题截图,我的运行结果和它一致。
一张是正常页面显示图,一张是切换横竖屏后异常显示图。

![0](https://user-images.githubusercontent.com/5615409/86863134-264c1280-c0fd-11ea-97d5-8698ddba4b01.jpg)
![0 (1)](https://user-images.githubusercontent.com/5615409/86863139-29470300-c0fd-11ea-9b9d-84ce43086a43.jpg)

**系统信息:**
- 发行平台: App
- 操作系统: Android 10
- HBuilderX版本: 2.7.14.20200618
- 设备信息: OPPO Findx

**补充信息**

推测是横竖屏切换,webview 没有调整宽高,重新渲染页面。

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.