刘海屏手机视频全屏退出后,页面顶部出现空白条
问题: 微信中打开的网页在刘海屏手机中出现问题:视频全屏退出后,页面顶部出现空白条 复现方式如下: 找一部刘海屏安卓手机(苹果未测试) 打开一个有视频的网页,如: https://imgcache.qq.com/open/qcloud/video/tcplayer/examples/vod/tcplayer-vod-continue-play.html 打开后播放视频,选择全屏播放,然后退出全屏。 我的项目中测试发现: 视频播放前 vconsole中输出document.documentElement.clientHeight为460 [图片] 视频播放选择全屏后,然后退出全屏。发现页面顶部有空白。document.documentElement.clientHeight为435 [图片] 开启横屏模式后,横屏测试没这问题,竖屏才会出现。出现问题的手机均为刘海屏。只测试过安卓