使响应式网格元素适合高度

Question

我正在尝试使用响应式网页设计（通过列堆叠），我目前正在使用此网格进行布局：http://www.responsivegridsystem.com/，我认为它非常简洁。

我唯一需要做的就是让它“足够聪明”，以尝试根据柱子的高度来安装我的柱子。到目前为止，我所拥有的是：http://gridtest.uconsult.dk/，而我正在寻找的是：http://gridtest.uconsult.dk/gridheight.png，这样网格就会尝试根据行的高度和列数来适应行。

这在某种程度上是可能的吗？ :-) 我应该为此使用其他网格还是必须编写一些 hacky javascript 来实现我想要的？

提前致谢。

Answer 1

不要重新发明轮子！ David DeSandro 已经推出了几个 jquery 插件来为你做这件事。 Masonry 是第一个并且运行良好，Isotope 是更新的版本，扩展了原始思想以及诸如排序之类的附加功能。两者都可以很好地创建您希望的动态网格系统。