html - 视频字幕不断融入视频

Question

嘿伙计们，我已经编程了一个月，我正在制作一个网页
所以基本上有一个视频，从网页的最顶部开始，下面有一个标题。在 Webbrowser 中，一切都很好，很合适。
但是，如果您从具有不同屏幕尺寸的不同设备查看页面，标题下方的文本往往会向上跳跃到视频中。有没有办法将视频制作为一个不允许文本或其他元素跳入其中的对象？
我的意思是必须有一种方法可以在这两个对象之间制作适用于所有屏幕分辨率的边框。
问候马蒂亚

如果您需要屏幕截图或代码，请告诉我

标签： htmlreactjswebweb-deployment

Answer 1

您必须创建适应其他屏幕尺寸（智能手机、平板电脑...）的 css，这是使用媒体查询来完成的，例如：

#myDiv {
  margin-top: 20px;
}


@media screen and (max-width: 992px) {
  #myDiv {
    margin-top: 150px;
  }
}

部分：(max-width: 992px)用于定义适用规则从哪个屏幕尺寸开始。