同位素每行限制

Question

我正在使用同位素石工。 一切看起來不錯，但同位素開始在1000px上每行顯示一個圖像的事實。 我想讓它顯示每行400px及以下的圖像。 是否有同位素的設置？

Answer 1

一些示例代碼可以幫助解決這個問題，但是，據說您在代碼中使用了grid-sizer'/ element-sizer？如果你是媒體查詢可能的話。 Eample從文檔：

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