我一直无法找到将同位素(或砌体)与固定宽度的外部容器一起使用的方法。
它总是坚持重新调整大小。我浏览了选项、代码、谷歌和这里,但没有找到答案。
甚至可能吗?
我一直无法找到将同位素(或砌体)与固定宽度的外部容器一起使用的方法。
它总是坚持重新调整大小。我浏览了选项、代码、谷歌和这里,但没有找到答案。
甚至可能吗?
你的问题似乎倒退到我遇到的问题。砌体最适合流体容器,但我希望我的中心有一个 980px 的固定宽度(主类,即:margin:0 auto;width 980px;)
然后砌体不起作用......解决方法是找到中心或任何你用来包含所有内容到设定宽度的类,并将其从宽度更改为最大宽度:980px。这意味着您仍然在固定宽度居中的容器上,但砌体项目将在调整浏览器大小时重新调整/重新布局。
我在 www.digi2020.com 上有一个正在开发的模块 - 选择菜单 -> 投资组合,你会看到它就是这样做的。我添加了很多花里胡哨的东西,但是对 masonry 的简单调用将达到相同的效果。
检查并检查该页面上的 .main 类和 JavaScript。
在pressedweb.com/portfolio 上可以找到另一个在固定宽度上使用同位素的示例,该示例不允许项目在调整大小时重新布局但仍提供过滤
Usually this happens when you set the outer container to max-width
. I have used width:960px
and it does not interfere with the masonry grid after resizing the browser window. Maybe check all of your outer containers?