同位体1行あたり1個制限

Question

アイソトープ石積みを使用しています。 すべてがうまくいくように見えますが、アイソトープが1000pxの行に1つの画像を表示し始めているという事実があります。 400px以下で1行に1画像を表示させたいと思います。 アイソトープの設定はありますか？

Answer 1

いくつかのコード例は、この問題の解決に役立ちますが、コードでグリッドサイザーの/ 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