如何使干净的流体超过最大宽度答案

【问题标题】：How do I make neat fluid past max width如何使干净的流体超过最大宽度
【发布时间】：2014-09-05 23:01:09
【问题描述】：

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

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

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

这可行，但感觉很hacky，有没有办法使用整洁来正确创建一个完全流动的网格？设置最大宽度是有限制的。

【问题讨论】：

也许您可以尝试在整洁的设置中将$max-width 值更改为100%。如果这不起作用，您可以随时设置从移动设备到大屏幕的不同断点。
不幸的是，100% 不起作用，当屏幕大于原始最大宽度时，如何设置断点以使最大宽度变大。

标签： css fluid-layout bourbon neat

【解决方案1】：

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

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

Neat 的“流动”部分指的是它不使用固定宽度，而是使用百分比。

【讨论】：