jQuery Masonry - 流体布局问题

时间:2012-02-15 21:17:51

标签: jquery responsive-design jquery-masonry fluid-layout

我正在使用Masonry scriptwebsite上布置框。

对于我来说,在大多数浏览器上看起来都不错,除非我调整浏览器窗口大小或将手机翻转到另一侧。

没有砌体,我的流畅布局工作正常。通过流体,我的意思是在较小的屏幕尺寸上,盒子占据整个宽度。

使用Masonry,当您第一次访问该网站时,这仍然可以正常工作,但是如果您要么调整浏览器窗口的大小或者将手机侧放,那么布局就会变得棘手。刷新再次排序。

不确定是否有办法解决此问题,或者是否应该使用其他脚本,或者即使最好只禁用较小屏幕的脚本?

希望有人可以提供帮助!

感谢。

1 个答案:

答案 0 :(得分:3)

在我的记忆中,砌体在调用时抓住元素尺寸,然后执行砌体。它希望这些维度是静态的,这就是它能够计算“masoned”布局的方式。

在我看来,将这与流畅的布局结合起来有点像灾难。但是,这并非不可能。

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