css - 如何使干净的流体超过最大宽度

Question

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

目前我解决这个问题的方法是使用fill-parent

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

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

Answer 1

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

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

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