视频 CSS 移动设备问题

Question

我正在用这段代码包装视频：

 .row-full {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  height: 780px;
  margin-top: 0px;
  margin-bottom: 0px;
  left: 50%;

}

我可以使用 100vw 作为宽度，但我需要使用准确的高度才能正确显示视频。问题是在移动设备上宽度会调整大小但高度保持不变。有没有办法在不使用@media 屏幕的情况下调整高度？ 您可以看到问题的 URL 如下： Link to example

Answer 1

你可以试试这个：

height: auto;

或从您的代码中删除：

height: 780px;