2012-07-11 88 views
2

不知道是什麼原因導致這個問題,但我有一個流體佈局,我的箱子寬度爲25%,每行有4個箱子。在調整大小時,我注意到間歇性錯誤發生,因此4列變成了破碎的兩列。在此處查看我的視頻:http://cl.ly/0s172D303X1M3H1v161z(單擊在瀏覽器中查看鏈接)。同位素 - 流體和砌體佈局分成2列

我發現問題在瀏覽器中不一致,它在一些瀏覽器中有效,但在其他瀏覽器中不起作用。有沒有人有一個想法如何解決?

的的jsfiddle是在這裏:http://jsfiddle.net/TVXve/

回答

2

我以爲我會提請注意您的問題了同位素的GitHub的頁面上,因爲它證明了我很大的幫助,因爲我遇到了同樣的問題:

https://github.com/desandro/isotope/issues/222

看來,這是一個錯誤,您需要將項目的寬度設置爲24.5%。然後,這會產生一個差距問題(如果您要採用無縫網格),但至少應該幫助人們朝着正確的方向前進。

1

我發現,這兩個插件工作最好使用絕對像素值。您是否嘗試將columnWidth設置爲百分比值?

+0

我該怎麼做?我改變了這一行:columnWidth:container.width()/ 4這個:columnWidth:25%,但打破了佈局,我想因爲我沒有寫好JS? – egr103 2012-07-12 08:31:54

+0

你會怎麼做@Anriette? – egr103 2012-07-12 18:28:00

+0

對不起,現在只回復,但我認爲你已經看到了這個:http://isotope.metafizzy.co/demos/fluid-responsive.html – 2012-07-15 07:35:07