Susy grid：使特定宽度不流动答案

【问题标题】：Susy grid: make not fluid from specific widthSusy grid：使特定宽度不流动
【发布时间】：2014-02-14 05:39:32
【问题描述】：

我在 Drupal 中使用 Omega 4 以及 Susy 网格系统（以及 sass 和 compass）。

整个 Susy 网格都很棒并且可以流畅地扩展。但是，当窗口太窄时，它看起来并不好。

如何使 susy 网格对于 800 像素以下的所有屏幕尺寸都具有静态宽度？

我不想让整个系统完全响应，所以只要固定宽度低于 800 像素就足够了。

【问题讨论】：

取决于您的项目是如何设置的。你有多少个网格断点，大小是多少？
@EricMeyer 目前没有使用断点。这是我的列宽设置：$total-columns : 12; // a 12-column grid $column-width : 7em; $gutter-width : 0em; $grid-padding : $gutter-width; 理想情况下，我可以使用简单的方法，例如：如果屏幕尺寸

【解决方案1】：

不要弄乱不同宽度的网格设置，而是将min-width 应用于您的容器：

.container {
  @include container;
  min-width: 800px;
}

如果您有多个断点并且想要多个最小宽度，这会变得有点复杂，但它应该适合您的情况。

【讨论】：