EasyCVR在小屏中出现界面错位情况排查及修改过程

2022-01-05 16:03:03 浏览数 (2)

EasyCVR视频融合平台具备优秀的视频转码、播放、级联能力,能够将视频通过RTMP协议推送到阿里、腾讯等公有云厂商的视频服务中。目前EasyCVR正在开发智能分析项目,在不久后,我们会将行人检测分析、车牌识别、人脸识别等功能都融入进EasyCVR当中。

我们近期测试中发现EasyCVR在小屏中出现界面错位的问题,显示如下:

打开浏览器控制台发现输入框位浮动元素,浮动元素实际是不占用高度,所以浮动在了其他元素之上,导致了界面错位的现象。

清除浮动后可以换行并占用一行,但是元素放左偏移了,并不能展示完整的输入框。

于是我们清除浮动: float: right;修改为float: none;

并修改偏移距离 left: -60px;修改为left: 0px;

修改完成后预览如下:

0 人点赞