响应式图像网格上的动态高度？答案

【问题标题】：Dynamic Height on Responsive Image Grid?响应式图像网格上的动态高度？
【发布时间】：2014-02-17 20:09:12
【问题描述】：

我有一个带有产品的图像“网格”，我希望这些图像具有响应性。正如您所看到的，在“移动视图”上，图像适合并且看起来还不错，但在桌面上，当它们水平较大时，高度会被裁剪太多，因此很多图像都丢失了。

以下是网站在移动设备尺寸方面的看法：

和桌面大小：

有没有办法让我的高度也增长，同时仍然保持它们“齐平”并在网格中？不知道为什么我觉得这很棘手！

网站是：here

【问题讨论】：

【解决方案1】：

那么更简单（也许是唯一）要做的事情是继续使用固定高度但使用媒体查询。这意味着您可以根据您的屏幕宽度更改链接的高度。这是有道理的，因为您总是有 1、2、3 或 4 列，因此很容易粗略估计每种情况所需的高度。

【讨论】：

【解决方案2】：

我刚刚在 Photoshop 中手动调整了所有图像的大小以使其暂时正常工作，因此该网站将不再显示问题。

只需要运行这个！

【讨论】：