html - 特殊基础框架响应式网格

Question

我正在使用 Zurb 的 Foundation 框架的 4.2.1 版本，并且我正在尝试有条件地将框放到small设备的新行上。看这个图：

我找到了一种方法来完成这项工作，但是当盒子的高度不均匀时，我的方法就会中断。我的半工作代码目前看起来像这样。

但是当我改变一些盒子的大小时，它会像这样打破。

在最坏的情况下，我可能可以使用 usemin-height并max-height确保盒子保持相同的大小？

Answer 1

原来有一个非常简单的解决方案。使用块网格代替普通网格，如下所示：

  <ul class="small-block-grid-2 large-block-grid-4">
    <li style="outline:solid black 1px;">Test</li>
    <li style="outline:solid black 1px;">Test</li>
    <li style="outline:solid black 1px;">Test</li>
    <li style="outline:solid black 1px;">Test</li>
  </ul>

希望这可以帮助某人。