html - 视频标签占用整个浏览器空间

Question

我试图让我的视频在我进入页面时占据整个浏览器大小。但是我看到了下一个 <div>

这是该页面的 HTML:

这是 video-containter 的 CSS :

.video-container {
    position: relative;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: no-repeat;
    background-size: cover; 
}

<section>与 class="index"什么都不包含:

.index {

}

Answer 1

您尝试使用 vw 和 vh 吗？

.video-container {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: relative;
    background: no-repeat;
    background-size: cover; 
}

• vh(视口(viewport)高度)
• vw(视口(viewport)宽度)