响应式图像网格

Question

我尝试设计类似于新的Rdio Web App的响应式图像网格。 example screencast here

网格应该在屏幕上的图像最大宽度为300px（最大高度为200），但如果用户缩小窗口，它们将缩小到200px宽度（133高度），然后在300px处减少一列。

我的网格布局为左浮动和正确的边距，但不确定最大/最小宽度和高度的放置。

Answer 1

查看Fluid Squares以了解有关如何正确实施此效果的详情。或者，您可以使用预先构建的代码并省去一些麻烦。