问题与响应砌体布局

我使用Masonry为我的网站的布局，一切工作正常，但有响应问题。目前所有元素都设置为31.8％的宽度（也有一些边距等）。我假设通过调整浏览器窗口的大小，我仍然保留3列，但所有元素的宽度都会减小，但是事实并非如此，通过调整窗口大小，一切开始分崩离析，我不知道这种奇怪的行为是从哪里来的。问题与响应砌体布局

你可以在这里看到我的现场演示网站：http://freshbeer.lv/test/index.html

我真的不知道是什么原因造成这奇怪的行为，所以我不知道哪一些代码的，张贴在这里，如果你知道什么位可能会导致它，告诉我，我会在这里添加它。

编辑：有趣的是，调整大小和刷新窗口后，它看起来更好，但不完全正确。

此外，我想实现类似这种http://tympanus.net/codrops/collective/collective-57/

来源

2013-04-04 Ilja

尝试设置在砌体宽度太：

$('.grid').masonry({ 
    itemSelector: '.content-box', 
    columnWidth: function(width) { 
    return width * (31.8/100); 
    } 
});

来源

2013-04-04 21:57:58 elclanrs

现在它只是显示1列无论您使用填充尝试使用什么宽度 – Ilja 2013-04-04 22:00:33

'盒子大小：边框“。我认为它必须与CSS有关。尝试删除所有边距和填充，看看它是否有效，然后从那里开始。 – elclanrs 2013-04-04 22:03:42

没有工作; /我已经有箱子大小，我想要实现的东西类似于这个http://tympanus.net/codrops/collective/collective-57/也许你已经知道他们是怎么做的它？ – Ilja 2013-04-04 22:06:09

问题与响应砌体布局

回答

相关问题