前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >EasyCVR在小屏中出现界面错位情况排查及修改过程

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

原创
作者头像
TSINGSEE青犀视频
发布2022-01-05 16:03:03
发布2022-01-05 16:03:03
2650
举报
文章被收录于专栏:TSINGSEE青犀视频TSINGSEE青犀视频

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

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

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

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

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

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

修改完成后预览如下:

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档