Jquery 同位素-流体及;分为两列的砌体布局

Jquery 同位素-流体及;分为两列的砌体布局,jquery,responsive-design,fluid-layout,jquery-isotope,Jquery,Responsive Design,Fluid Layout,Jquery Isotope,不确定是什么导致了这个问题,但我有一个流动的布局,我的箱子是25%的宽度,我有4个箱子每行。在调整大小时,我注意到会出现间歇性错误,即4列变为断开的两列。在此处查看我的视频:(单击浏览器链接中的查看) 我发现这个问题在不同的浏览器中是不一致的,它在一些浏览器中有效,但在其他浏览器中无效。有人知道如何修复吗 jsFiddle在这里:我发现这两个插件都使用绝对px值工作得最好。您是否尝试过将columnWidth设置为百分比值?我想我会在同位素的github页面上提醒大家注意您的问题,因为我遇到了同

不确定是什么导致了这个问题,但我有一个流动的布局,我的箱子是25%的宽度,我有4个箱子每行。在调整大小时,我注意到会出现间歇性错误,即4列变为断开的两列。在此处查看我的视频:(单击浏览器链接中的查看)

我发现这个问题在不同的浏览器中是不一致的,它在一些浏览器中有效,但在其他浏览器中无效。有人知道如何修复吗


jsFiddle在这里:

我发现这两个插件都使用绝对px值工作得最好。您是否尝试过将columnWidth设置为百分比值?

我想我会在同位素的github页面上提醒大家注意您的问题,因为我遇到了同样的问题,这对我非常有帮助:


这似乎是一个bug,您需要将项目的宽度设置为24.5%。这就提出了一个缺口问题(如果你想要一个无缝网格),但至少应该帮助人们朝着正确的方向前进。

我该怎么做?我将这行:columnWidth:container.width()/4改为:columnWidth:25%,但这破坏了布局,我想是因为我没有正确编写JS?你会怎么做@Anriette?很抱歉现在才回复,但我假设你已经看到了:是的,我看到了,但它没有给出具体的百分比作为我的列布局方式。它仅根据容器的宽度计算x列。有没有可能像你建议的那样给每列指定25%的特定宽度?我会指定
width:25%
最小宽度
,因为您不希望元素过窄。还有,我不知道你是否希望你的东西有利润?另外,您得到的错误是什么?你能通过Web开发者或Firebug看到它们是什么吗?