我正在使用带有MixItUp.js的基于内联块的基本布局来提供过滤功能，以及column-count用于流体/响应网格的媒体查询。我在这里设置了一个 jsfiddle 。
我的问题是，网格项目似乎在第一次加载时和被重新使用/过滤后稳定到位之前反弹了一点。（我试图在上面的动画 gif 中捕捉到这种行为。）我不确定这是否是由于响应图像适应了网格项的宽度/高度并破坏了动画，或者这只是一个问题用我的 CSS；但我注意到，如果窗口大小减少到单列（移动）布局，问题似乎根本不会发生，实际上它非常顺利——只有两列或三列有问题。我在我测试过的所有浏览器（Chrome、Firefox、Edge）中都看到了这一点。
我尝试在 MixItUp.js 中修改动画设置，但没有任何运气。我怀疑不稳定的动画是从inline-block基于布局的，但我不知道为什么。非常感谢这里的任何帮助。
编辑：我看到动画 GIF 没有运行，哦，好吧......