防止在Zurb基金会调整网格大小

Question

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

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

Answer 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

您还需要删除媒体查询中的任何样式。