如何使整齐的流体超过最大宽度

时间:2014-08-26 23:02:10

标签: css css3 fluid-layout bourbon neat

我觉得整洁的网格真的很流畅。从移动设备到大型电视屏幕(例如1920x1080),流体网格可以很好地扩展。然而,整洁和苦涩最终工作的方式创建了一个$max-width变量,默认设置为1088.即使你改变了这个,但是网站将停止流动的大小,即max-size。无论屏幕大小如何,我都觉得流畅的布局会不断增长和缩小。

目前我的方法是使用fill-parent

.outer-container {
  @include fill-parent;
}

这样可行,但感觉很乱,有没有办法使用整洁来正确创建一个完全流畅的网格?设置max-width有其限制。

1 个答案:

答案 0 :(得分:2)

您不需要在应该填充整个视口的元素上使用outer-container。 mixin唯一能做的就是将元素居中,清除浮动并给它一个最大宽度。

在CSS中,默认情况下元素为width: 100%,因此如果这是预期结果,则无需指定任何内容。

Neat的'流体'部分指的是它不使用固定宽度,而是使用百分比。