zoukankan      html  css  js  c++  java
  • RTSPGB28181HIKSDK协议视频人脸识别平台EasyCVR登录页底部版权信息样式错乱调整

    不管是EasyNVR平台还是EasyGBS平台,我们都接到过用户的反馈称界面错乱,比如平台内通道列表的高度不对,或者视频直播的预览框大小不对,这种问题的原因一般都跟用户浏览器有关,可能浏览器对平台不够兼容,也可能浏览器的界面百分比与平台界面不匹配。但是这些问题大多可以通过调整代码解决。

    EasyCVR偶尔也会出现类似问题,本文要讲的就是EasyCVR登录页底部版权信息样式错乱,导致信息一半被覆盖。

    我们排查发现,当浏览器屏幕高度小于600px时就会出现样式层叠错乱,而此时浏览器高度为498px。

    首先判断底部信息层级较低,二是中间内容大于了整体高度。我们的解决方案分为以下两步:

    1.找到login.scss 文件给.login-footers类添加z-index:99层级提高底部信息层级。

    2.找到login.scss 文件给.login-container类添加min-height:700px和overflow:auto;两个属性,第一个属性是主体最小高度为700px,第二个是当小于700px展示滚动条。

    调整好后正常界面如下,欢迎大家联系我们获取测试版本测试:

  • 相关阅读:
    Mysql存储引擎概念特点介绍及不同业务场景选用依据
    python
    nginx使用keepalived实现高可用
    python-文件操作(1)
    浏览器缓存知识小结及应用
    cookie 和 session
    tcp三次握手
    TCP/IP系列——长连接与短连接的区别
    python
    python- 迭代器与生成器
  • 原文地址:https://www.cnblogs.com/TSINGSEE/p/14207791.html
Copyright © 2011-2022 走看看