css - 移动设备的视频 CSS 问题

Question

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

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

}

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

标签： cssviewport

Answer 1

你可以试试这个：

height: auto;

或从您的代码中删除：

height: 780px;