具有每个图像动态缩放的图像网格

Images grid with dynamic scaling of each image

我在网站上找到了图片网格 http://www.danielkennedy.com/

那里的图像非常适合每一行,并根据 window 尺寸变化重新计算。

我想在我的网站上实现它。我尝试使用水平方向的同位素插件 (http://isotope.metafizzy.co/layout-modes/masonryhorizontal.html),但它没有帮助。

谁能给我一些建议?

如果您希望在 http://www.danielkennedy.com 上为您的网站实施砖石厨房,您可以考虑使用 layoutMode:'fitRows'

项目按行排列,当您调整屏幕大小时,行将垂直排列。

在这里查看我的代码示例

http://codepen.io/anon/pen/WoKqNV

希望对您有所帮助