砌体风格响应布局

时间:2013-11-22 15:10:52

标签: jquery css jquery-masonry

基本上我想布置几个不相等的宽度/高度DIV,它们在砖石风格的布局中组合在一起。

我已经在某种程度上使用了jQuery Masonry插件 - 它可以满足我的需求。

我的具体要求是我想准确定义哪个DIVS出现在页面上的什么位置。他们改变位置的唯一时间是调整浏览器的大小 - 在这种情况下应用另一个(预定义的)布局。

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

我看过几个类似的插件,但找不到任何可以让我为项目定义固定位置的插件。它们都是为了自动洗牌而设计的。

有人对我如何解决这个问题有任何建议吗?

1 个答案:

答案 0 :(得分:2)

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