問題與響應砌體佈局

我使用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

問題與響應砌體佈局

回答

相關問題