如何让容器填满整个页面？也要回应

Question

我有不同的部分，如＆＃34;关于我＆＃34;，＆＃34;联系＆＃34;，＆＃34;照片库＆＃34;等等，当我打开网站时，我想要的是＆＃34;关于我＆＃34;容器要显示在整个页面上，以填充页面而不显示下一部分中的任何内容。

 var keys = returnJson .Results.Keys;

我有＆＃34;容器流体＆＃34;具有索引文件中内容的每个容器的类。

<div class="container-fluid bg-2 text-left">
 <div id="About me">
  <h1 class="margin">About me</h1>
  <p> My text here</p>
 </div>
</div>

任何想法都将不胜感激！

Answer 1

这应该在每个州都加上浏览器的宽度。

.container-fluid {
width:100%
padding:70px 0px 70px 0px;
}

Answer 2

您可以使用viewport relative units。

.example {
  min-height: 100vh;
  min-width: 100vw;
}

Answer 3

为about容器提供height:100vh; width:100%;

Answer 4

 .container-fluid {
     width:100%
     padding:70px 0px 70px 0px;
     margin :0;
  }

如果上面的代码不起作用写！重要像填充：70px 0px 70px 0px！important; 有时旧样式不会被新样式覆盖，因此您可以通过编写上述语句使其变得重要。