同位素在破坏布局的元素样式中进行奇怪的变换,为什么?

isotope makes weird transform in element styles which destroys layout, why?

我想要不同的 div,背景图片彼此相邻对齐,没有这样的距离:

https://jsfiddle.net/71qpceqb/

我用bootstraprow and col来实现这个。

在 fiddle 中,这在某种程度上就像一个魅力,使用我实际复制的 css 代码! 在这里你可以看到我当前的项目(htaccess 暂时删除) http://remake.stdesign.eu/projekte/ 这会产生奇怪的跳跃(在错误的屏幕宽度下,一行中的 div 数量错误)并且在调整大小时 div 之间有很多距离,我无法弄清楚这是从哪里来的。我认为在 fiddle 上设置它会帮助我找出问题所在...但是 fiddle 与我的 css!

完美配合

我想我漏掉了一些非常简单的东西。

(对于我使用 isotope.js 的过滤器,但我不觉得这很重要。)

编辑: 经过一番尝试,我得出以下结论:https://jsfiddle.net/71qpceqb/1/ 使 col-400-12 擅长所有宽度并将其添加到同位素砌体中。我还用我的相关 JS 更新了 fiddle 代码。结果是:fiddle 有效,原始方无效。我能找到的唯一区别是在原始方面,当我观察元素时,有一个 elementstyle transform: translate3d(278px, 250px, 0px);,而我在 jsFiddle 中没有。

我不明白为什么我有这个转换以及如何 remove/prevent 它。如果有人能研究一下,将不胜感激!

好吧,在这上面花了很多时间,它现在似乎可以工作了。

我发生这种情况并在 fiddle 工作的原因:

我用的是2.5,fiddle是3.0版本。没想到可能是这个原因!

总之,最新版本没问题!