我正在使用Masonry script在website上布置框。
对于我来说,在大多数浏览器上看起来都不错,除非我调整浏览器窗口大小或将手机翻转到另一侧。
没有砌体,我的流畅布局工作正常。通过流体,我的意思是在较小的屏幕尺寸上,盒子占据整个宽度。
使用Masonry,当您第一次访问该网站时,这仍然可以正常工作,但是如果您要么调整浏览器窗口的大小或者将手机侧放,那么布局就会变得棘手。刷新再次排序。
不确定是否有办法解决此问题,或者是否应该使用其他脚本,或者即使最好只禁用较小屏幕的脚本?
希望有人可以提供帮助!
感谢。
答案 0 :(得分:3)
在我的记忆中,砌体在调用时抓住元素尺寸,然后执行砌体。它希望这些维度是静态的,这就是它能够计算“masoned”布局的方式。
在我看来,将这与流畅的布局结合起来有点像灾难。但是,这并非不可能。
在resize事件中,只需再次调用容器上的masonry()。