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

标签 css fluid-layout bourbon neat

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

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

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

这可行,但感觉很hacky,有没有办法使用整齐来正确创建一个完全流畅的网格?设置 max-width 有其限制。

最佳答案

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

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

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

关于css - 如何使纯净流体超过最大宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25516492/

相关文章:

visual-studio-2008 - 有没有办法将 VS 的 CSS 验证更新到 3.0?

html - 防止与动态宽度 div 等高的内容重叠在下方

html - 使用 Neat 的列之间的边距

css - 波旁整洁的多个断点

android - 仅在 Android 上网站布局一团糟

html - 当主体类为 ""时,根据主体类切换 div

html - 一个人如何像这样布置 z-index ?

css - 流体设计图像无法正确缩放

html - 这种流畅的网格布局哪里出了问题?

css - 为什么我的列表项缩略图是这样显示的?