我觉得整洁的网格真的很流畅。从移动设备到大型电视屏幕(例如1920x1080
),流体网格可以很好地扩展。然而,整洁和苦涩最终工作的方式创建了一个$max-width
变量,默认设置为1088.即使你改变了这个,但是网站将停止流动的大小,即max-size。无论屏幕大小如何,我都觉得流畅的布局会不断增长和缩小。
目前我的方法是使用fill-parent
.outer-container {
@include fill-parent;
}
这样可行,但感觉很乱,有没有办法使用整洁来正确创建一个完全流畅的网格?设置max-width有其限制。
答案 0 :(得分:2)
您不需要在应该填充整个视口的元素上使用outer-container
。 mixin唯一能做的就是将元素居中,清除浮动并给它一个最大宽度。
在CSS中,默认情况下元素为width: 100%
,因此如果这是预期结果,则无需指定任何内容。
Neat的'流体'部分指的是它不使用固定宽度,而是使用百分比。