【问题标题】:Zurb foundation framework - 100% height gridZurb 基础框架 - 100% 高度网格
【发布时间】:2014-03-28 11:24:27
【问题描述】:

我在我的网站上使用了 Zurb 的基础 12 列网格,它的构建和缩放都很好,不幸的是,我需要网站的背景为黑色,网格中的所有内容都为白色。当我将主体设置为黑色时,网格不会按全高缩放,因此下面有黑色。有谁知道使用 CSS 或 JS 使网格达到 100% 高度的方法?

【问题讨论】:

  • 请添加一些代码或示例...

标签: height zurb-foundation


【解决方案1】:

尝试设置:

  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 的回答迟到了,但我在这个问题上遇到了困难,也许我可以帮助别人。

干杯

【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多