【发布时间】:2014-03-28 11:24:27
【问题描述】:
我在我的网站上使用了 Zurb 的基础 12 列网格,它的构建和缩放都很好,不幸的是,我需要网站的背景为黑色,网格中的所有内容都为白色。当我将主体设置为黑色时,网格不会按全高缩放,因此下面有黑色。有谁知道使用 CSS 或 JS 使网格达到 100% 高度的方法?
【问题讨论】:
-
请添加一些代码或示例...
我在我的网站上使用了 Zurb 的基础 12 列网格,它的构建和缩放都很好,不幸的是,我需要网站的背景为黑色,网格中的所有内容都为白色。当我将主体设置为黑色时,网格不会按全高缩放,因此下面有黑色。有谁知道使用 CSS 或 JS 使网格达到 100% 高度的方法?
【问题讨论】:
尝试设置:
min-height: 100vh;
max-height: 100vh;
例如
<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 的回答迟到了,但我在这个问题上遇到了困难,也许我可以帮助别人。
干杯
【讨论】:
您可以尝试将高度为100% 的css 用于主行或容器行并将它们绝对定位。
【讨论】: