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