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

Question

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

我唯一喜欢的方法就是让它“足够聪明”，以便按照他们的高度来调整我的柱子。到目前为止我所拥有的是：http://gridtest.uconsult.dk/以及我正在寻找的是：http://gridtest.uconsult.dk/gridheight.png以便网格尝试按行高和列数来拟合行。

这有可能吗？ :-)我应该通过使用其他网格或我是否需要编写一些hacky javascript来实现我想要的？

提前致谢。

Answer 1

不要重新发明轮子！大卫德桑德罗已经推出了一些jquery插件，可以为你做这件事。 Masonry是第一个并且运行良好，Isotope是较新版本，它扩展了原始思维以及排序等其他功能。两者都可以很好地创建您希望的动态网格系统。