Range7模板没有填满整个页面

Question

因此，我试图把这个html页面转换成我的角度项目。它工作得很好，但当我转到角，它不会填满整页。这里是一个堆栈闪电战的例子，这就是我所看到的。

https://stackblitz.com/edit/angular-y8tdkt

在新窗口中运行角度预览。

Answer 1

​

​

在您的代码中，您将主体设置为显示flex，这将导致问题，如果您删除display: flex of body，无论您在何处设置它，屏幕就会完全填充在高度上。

我似乎看不出你在哪里设置它，但要显示它是这样的，添加以下内容，以查看屏幕的全部高度。(用style.css)。

body {
  display: unset!important;
}

编辑发现的问题

在(style.css)第9622行中找到它，这将导致您的问题。

body {
  position: relative;
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  font-family: "Montserrat",sans-serif;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

在这里的display: flex，删除它，而页面没有填充将不再是一个问题。

Answer 2

你的左边有一个猫头鹰旋转木马。

将其更改为col-md-3，并在全屏幕中处于中心位置的hello world cold-md-6。

​

​

Answer 3

好吧，你的主要部分

<div class="col-md-6 d-none d-lg-block">...</div>
<div class="col-lg-6 h-100">...</div>

因此，一旦屏幕变得足够大，由于d-none而没有显示的第一个div就会因为d-lg-block而显示，页面就会被分割成两半。