Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何使净流体超过最大宽度_Css_Fluid Layout_Bourbon_Neat - Fatal编程技术网

Css 如何使净流体超过最大宽度

Css 如何使净流体超过最大宽度,css,fluid-layout,bourbon,neat,Css,Fluid Layout,Bourbon,Neat,我觉得neat的网格不是真正的流体。流体网格可以很好地从移动设备扩展到大型电视屏幕,如1920x1080。然而,整洁和苦味最终会产生一个$max width变量,默认设置为1088。即使你改变了这一点,但是有一个大小,该网站将停止流动,最大大小。我觉得无论屏幕大小,流畅的布局都会不断增长和收缩 目前我的解决方法是使用fill parent .outer-container { @include fill-parent; } 这是可行的,但感觉很粗糙,难道没有办法使用neat来正确创建一个完

我觉得neat的网格不是真正的流体。流体网格可以很好地从移动设备扩展到大型电视屏幕,如
1920x1080
。然而,整洁和苦味最终会产生一个
$max width
变量,默认设置为1088。即使你改变了这一点,但是有一个大小,该网站将停止流动,最大大小。我觉得无论屏幕大小,流畅的布局都会不断增长和收缩

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

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

这是可行的,但感觉很粗糙,难道没有办法使用neat来正确创建一个完全流畅的网格吗?设置“最大宽度”有其限制。

您不需要对应该填充整个视口的元素使用
外部容器。mixin所做的唯一一件事是使元素居中,清除其浮动并为其指定最大宽度

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


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

也许您可以尝试在Neat的设置中将
$max width
值更改为
100%
。如果这不起作用,你可以从手机到大屏幕设置不同的breakpoint。不幸的是,100%的breakpoint不起作用,当屏幕大于其原始最大宽度时,你如何设置断点使最大宽度变大。