砖石风格响应式布局

Question

基本上，我想布局几个不等宽/不等高的DIVs，它们适合在一个砖石风格的布局中。

我已经在一定程度上使用了jQuery Masonry插件--它能做我想要的事情。

我的特定要求是，我想确切地定义哪些DIVS出现，以及在页面上的位置。只有当浏览器调整大小时，它们才会改变位置-在这种情况下，会应用另一个(预定义的)布局。

所以基本上我会有不同屏幕尺寸的“布局”。该插件的工作是确保项目出现在砖石风格的布局中，即没有任何间隙。

我已经看过几个类似的插件，但没有找到任何可以让我为项目定义固定位置的插件。它们都被设计为自动洗牌项目。

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

Answer 1

Salvattore是一个非常好的类库，它完全支持媒体查询，所以也许你可以使用媒体查询来创建一些布局。