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

Question

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

以下是该网站如何查看移动设备尺寸：

桌面尺寸：

我有没有办法让身高增长，同时仍然保持它们“齐平”并且在网格中？不知道为什么我觉得这太难了！

该网站是：here

Answer 1

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

Answer 2

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

只需要与此一起运行！