9

默认情况下，Zurb Foundation 4 和 5 中的行以 1000 像素的最大宽度运行，即使在非常大的显示器上也是如此，这会在内容的任一侧创建边距。如何让它全屏运行而不影响设计的响应能力？

4

4 回答 4

20

将以下代码添加到 CSS 文件中：

.row {min-width:100% !important;}
于 2013-07-09T08:47:10.460 回答
10

我认为最好的方法是这样。

将此添加到您的 css 或自定义 css-

.row.full-width {
    width: 100%;
    max-width: 100%;
}

然后在您的html中，执行此操作-

<div class="row full-width"> </div>

如果您只想将全屏用于页眉或页脚，这将允许您保持网格系统的完整性。

于 2014-01-17T18:54:16.483 回答
5

如果您使用的是 Sass/Compass、zurb-foundationgem 或自定义的 Foundation 发行版，则可以设置该$row-width变量。这将流经它使用的任何其他地方。例如，您还可以调整列数、装订线宽度等。

网格文档的底部解释了更多： http: //foundation.zurb.com/docs/components/grid.html

于 2013-11-16T19:44:00.317 回答
-5 
<div class="row">
    <div class="large-6 columns"></div>
    <div class="large-6 columns"></div>
</div>

这将给出 1000px 的宽度

<div class="large-6 columns"></div>
<div class="large-6 columns"></div>

但是如果您使用没有行类的列类，您将获得全屏...

于 2014-08-06T13:55:49.770 回答