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

Question

我觉得neat的网格并不是真正流畅的。从移动设备到1920x1080这样的大电视屏幕，流体网格都可以很好地缩放。然而，整洁和苦涩最终的工作方式创建了一个默认设置为1088的$max-width变量。然而，即使你改变了这一点，网站也会停止流动，即最大大小。我觉得无论屏幕大小，流畅的布局都会不断地增长和缩小。

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

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

这很有效，但感觉很粗糙，难道没有办法使用neat来正确创建一个完全流动的网格吗？设置最大宽度有其限制。

Answer 1

您不需要在应该填充整个视口的元素上使用outer-container。mixin所做的唯一一件事就是将元素居中，清除其浮动并赋予其最大宽度。

在CSS中，元素默认为width: 100%，所以若这是预期结果，就不需要指定任何内容。

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