我正在尝试创建一个包含各种维度图像的响应式图库。我们的想法是在全屏幕上有5个相同大小的正方形div，每个图像在水平和垂直方向都居中，缩放以适应一些填充（根据窗口大小成比例）。 div之间的间距在水平和垂直方向上是相同的（基于窗口大小再次成比例（％） - 以获得一个漂亮的整洁视图。有div的最小和最大大小，因此当达到一行中div的最小大小时，它们被重新排序，意味着第1行的最后一个将移动到第2行等，保持固定（比例）的间距。
只有CSS才能实现这一点吗？
我能找到的最接近的例子是：
<code>http://codepen.io/anon/pen/QGwwEB</code>但我无法将其转变为我需要的东西。
答案 0 :(得分：-2)
如果您使用的是bootstrap类，那么请写
<img src="" alt="image" class="img-responsive">