防止在 Zurb Foundation 中调整网格大小答案

【问题标题】：Prevent grid resizing in Zurb Foundation防止在 Zurb Foundation 中调整网格大小
【发布时间】：2013-11-13 06:52:01
【问题描述】：

我们在 Foundation 中构建了一个响应式网站，在特定平板电脑媒体查询之外，客户端不希望网格随着浏览器宽度的减小而自动调整大小。

是否有任何简单的技术可以在事后应用以防止网格列调整大小？

【问题讨论】：

【解决方案1】：

您可以通过修改 .row 选择器使网格固定宽度。来自foundation.css：

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
}

你想把 max-width 属性改成固定的，所以只要去掉 max-width 并用 width 代替：

width: 62.5em

您还需要删除媒体查询中的所有样式。

【讨论】：