同位素每行限制一个

Question

我正在使用同位素砌体。 一切看起来都很好，但同位素开始在1000px上每行显示一个图像。 我希望每行显示1张图片，从400px及以下开始。 有同位素的设置吗？

Answer 1

一些示例代码可以帮助解决这个问题，但是，你说代码中是否使用了grid-sizer'/ element-sizer？如果你这是媒体查询的可能性。 来自文档的示例：

JS

masonry: {
    columnWidth: '.grid-sizer'
}

CSS

/* 3 columns by default */
.grid-sizer { width: 33.333%; }

@media screen and (min-width: 768px) {
    /* 5 columns for larger screens */
    .grid-sizer { width: 20%; }
}

请参阅：http://isotope.metafizzy.co/options.html#element-sizing