jquery - 同位素 - 流体和砖石布局分为 2 列

标签 jquery responsive-design fluid-layout jquery-isotope

不确定是什么导致了这个问题,但我有一个流畅的布局,我的盒子宽度为 25%,每行有 4 个盒子。在调整大小时,我注意到会出现间歇性错误,其中第 4 列变成了损坏的两列。在这里观看我的视频:http://cl.ly/0s172D303X1M3H1v161z (单击在浏览器中查看链接)。

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

jsFiddle 在这里:http://jsfiddle.net/TVXve/

最佳答案

我想我应该在同位素的 github 页面上提请注意您的问题,因为事实证明它对我非常有帮助,因为我遇到了同样的问题:

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

这似乎是一个错误,您需要将项目的宽度设置为 24.5%。这会带来一个间隙问题(如果您想要一个无缝网格),但至少应该帮助人们朝着正确的方向前进。

关于jquery - 同位素 - 流体和砖石布局分为 2 列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11438693/

相关文章:

javascript - 删除创建的元素

javascript - 将值传递/存储到另一个函数或单击事件

javascript - 用于 php 脚本的 AJAX

css - 文字下方的文字响应

html - 将流体 div 向上移动一排 - 但在 Dreamweaver 中不是

javascript - 使用 JQuery 时数组不更新

html - 响应式移动网站 : huge margins, 模拟字体

html - 根据屏幕大小按比例缩小包含图像的 HTML 表格

css - 960.gs 的固定-流体-固定布局

jQuery 砌体。调整大小时更新列宽度