jquery - 同位素元素仅在页面刷新时刷新

Question

我正在尝试使用 jquery 同位素来重新排列投资组合。

我希望网站具有响应能力，因此我将容器中的元素设置为 22% 宽。

但是，当我第一次加载页面时，一切看起来都很好。或者刷新一下。但是，如果我调整页面大小，元素宽度会发生很好的变化，但它们之间有很大的间隙。

在 iPad 上测试纵向和横向之间的烘焙时，也会发生同样的情况。

为什么在页面刷新之前它们不会自动移动到新位置？这是一个例子。我正在谈论的部分是“特色”框。

Http://www.comeinside.co.uk

Answer 1

从未使用过这个插件，但经过一番谷歌搜索后，看起来他的演示满足了您的要求: http://isotope.metafizzy.co/demos/fluid-responsive.html

// update columnWidth on window resize
$(window).smartresize(function(){
  $container.isotope({
    // update columnWidth to a percentage of container width
    masonry: { columnWidth: $container.width() / 5 }
  });
});