砖石风格的响应式布局

Question

基本上，我想在砖石风格的布局中布置几个宽度/高度不等的div。

我在一定程度上使用了jQuery Masonry插件，它可以满足我的需求。

我的具体要求是，我想准确地定义哪些DIVS出现在页面上的什么位置。它们唯一会改变位置的时候是调整浏览器的大小——在这种情况下，会应用另一个（预定义的）布局。

所以本质上，我会有不同屏幕大小的"布局"。插件的工作是确保项目以砖石风格的布局出现，即没有任何间隙。

我看了几个类似的插件，但找不到任何允许我定义项目固定位置的插件。它们都被设计为自动打乱项目。

有人对我该怎么做有什么建议吗？

Answer 1

Salvatore是一个非常好的类似Masonry的库，它完全支持媒体查询，因此您可以使用媒体查询创建一些布局。