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

4
我正在努力理解响应式网页设计(通过按列堆叠),目前我正在使用此网格布局:http://www.responsivegridsystem.com/,我认为它的表现相当不错。

唯一让我困扰的是如何使它“足够智能”,以便根据列的高度来适应它们。目前我的进展如下:http://gridtest.uconsult.dk/,我想要的是这个:http://gridtest.uconsult.dk/gridheight.png,这样网格也可以尝试通过行的高度来适应列数。

有没有可能以某种方式实现这一点? :-) 我是否应该使用其他网格或者必须编写一些hacky javascript来实现我想要的效果?

谢谢您提前。

1个回答

3
不要重复造轮子!David DeSandro已经发布了几个jQuery插件,可以为您完成此操作。Masonry是第一个,功能非常好,Isotope是更新的版本,扩展了原始思想,并具有排序等其他功能。这两个都可以很好地创建您希望实现的动态网格系统。

绝对不要重新发明轮子。尤其是在这样的事情上。 :) - Almo
非常感谢 :-) 我选择了砖石布局的jQuery插件,效果很棒! - bomortensen

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接