html - 防止在 Zurb Foundation 中调整网格大小

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: 62.5em

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