【问题标题】：Special Foundation framework responsive grid特殊基础框架响应式网格
【发布时间】：2013-06-19 00:22:21
【问题描述】：
我正在使用 Zurb 的 Foundation 框架的 4.2.1 版，我正在尝试有条件地将框放到 small 设备的新行上。看这个图：
我找到了一种方法来完成这项工作，但是当盒子的高度不均匀时，我的方法就会中断。我的半工作代码目前看起来像this。
但是当我更改某些框的大小时，它会像 this 一样破裂。
在最坏的情况下，我或许可以使用 min-height 和 max-height 来确保框保持相同大小？
【问题讨论】：
标签：
html
css
responsive-design
zurb-foundation
【解决方案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>
希望对某人有所帮助。