【问题标题】: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; 理想情况下,我可以使用简单的方法,例如:如果屏幕尺寸

标签: static grid sass media-queries susy-compass


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 2016-07-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-25
    • 1970-01-01
    • 1970-01-01
    • 2016-01-03
    • 1970-01-01
    相关资源
    最近更新 更多