Zurb基础框架 - 100％高度网格

Question

我在我的网站上使用Zurb的基础12列网格，它全部内置并且扩展性很好，不幸的是，我需要网站的背景为黑色，网格中的所有内容都是白色的。当我将主体设置为黑色时，网格不会缩放全高，因此下方有黑色。有没有人知道如何使用CSS或JS使网格100％高度？

Answer 1

您可以尝试将高度为100%的css用于主行或容器行，并将它们定位为绝对值。

Answer 2

尝试设置：

  min-height: 100vh;
  max-height: 100vh;

e.g。

<div class="row expanded">
    <div class="small-10 columns" style="min-height: 100vh; max-height: 100vh;">A</div>
    <div class="small-2 columns">B</div>
</div>

vh是视口高度，视口是网站可见的浏览器部分

Div A将始终具有视口的高度，如果您调整浏览器的高度，则两个div也将调整大小。

我知道我对OP的回答迟到了，但是我在解决这个问题时也很困难，也许我可以帮助其他人。

干杯