jQuery Masonry - 流体布局问题

Question

我正在使用Masonry script 在website 上布置框。

在大多数浏览器上对我来说看起来都不错，除了当我调整浏览器窗口大小或将手机翻过来再翻过来时。

没有 Masonry，我有一个流畅的布局，效果很好。流动性是指盒子在较小的屏幕尺寸上占据整个宽度。

使用 Masonry，当您第一次访问该站点时，这仍然可以正常工作，但是如果您调整浏览器窗口的大小或将手机翻转到一边，布局就会变得一团糟。刷新又解决了。

不确定是否有办法解决这个问题，或者我是否应该使用另一个脚本，或者是否最好只为较小的屏幕禁用脚本？

希望有人能提供帮助！

谢谢。

Answer 1

据我所知，Masonry 在调用时会抓取元素尺寸，然后执行 masonry。它希望这些尺寸是静态的，这就是它能够计算“砌筑”布局的方式。

在我看来，将它与流畅的布局结合起来有点导致灾难。不过，也不是没有可能。

在 resize 事件中，只需再次调用容器上的 masonry() 即可。