Troubleshooting and modification process of easycvr interface dislocation in small screen

EasyCVR The video fusion platform has excellent video transcoding 、 Play 、 Cascade capability , Be able to pass the video through RTMP Push to Ali agreement 、 Tencent and other public cloud manufacturers in the video services . at present EasyCVR Developing intelligent analysis project , In the near future , We will analyze pedestrian detection 、 License plate recognition 、 Face recognition and other functions are integrated into EasyCVR among .

In our recent tests, we found that EasyCVR There is a problem of interface dislocation in the small screen , It is shown as follows ：

Open the browser console and find the input field floating element , Floating elements actually do not occupy height , So it floats on top of other elements , It leads to the phenomenon of interface dislocation .

After clearing the float, you can wrap a line and occupy a line , But the element is shifted to the left , It doesn't show a complete input field .

So we clear the float : float: right; It is amended as follows float: none;

And modify the offset distance left: -60px; It is amended as follows left: 0px;

The preview is as follows ：