同位素 - 流体和砌体布局分成2列

不知道是什么原因导致这个问题，但我有一个流体布局，我的箱子宽度为25％，每行有4个箱子。在调整大小时，我注意到间歇性错误发生，因此4列变成了破碎的两列。在此处查看我的视频：http://cl.ly/0s172D303X1M3H1v161z（单击在浏览器中查看链接）。同位素 - 流体和砌体布局分成2列

我发现问题在浏览器中不一致，它在一些浏览器中有效，但在其他浏览器中不起作用。有没有人有一个想法如何解决？

的的jsfiddle是在这里：http://jsfiddle.net/TVXve/

来源

2012-07-11 egr103

我以为我会提请注意您的问题了同位素的GitHub的页面上，因为它证明了我很大的帮助，因为我遇到了同样的问题：

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

看来，这是一个错误，您需要将项目的宽度设置为24.5％。然后，这会产生一个差距问题（如果您要采用无缝网格），但至少应该帮助人们朝着正确的方向前进。

来源

2012-08-26 05:50:46 nickff

我发现，这两个插件工作最好使用绝对像素值。您是否尝试将columnWidth设置为百分比值？

来源

2012-07-11 23:53:21

我该怎么做？我改变了这一行：columnWidth：container.width（）/ 4这个：columnWidth：25％，但打破了布局，我想因为我没有写好JS？ – egr103 2012-07-12 08:31:54

你会怎么做@Anriette？ – egr103 2012-07-12 18:28:00

对不起，现在只回复，但我认为你已经看到了这个：http://isotope.metafizzy.co/demos/fluid-responsive.html – 2012-07-15 07:35:07

同位素 - 流体和砌体布局分成2列

回答

相关问题