我想确保我网站中的图片具有响应性，并在窗口大小减小时保持相同的高度。我有一个媒体查询，在较小的屏幕上将布局更改为1列而不是2列，但在大屏幕上，图像高度不同。我已将所有图像都放入div并限制了这些div的大小，但我所做的一切似乎都在改变图像高度，以便它们保持响应。我尝试过使用object-fit和flexbox，但似乎没有任何工作。
答案 0 :(得分：0)
如果您修改HTML并使用背景图像而不是内嵌图像，则可以使用现有图像执行此操作。
更简单的解决方案就是让所有图像的大小完全相同。它们中的大多数都是690px宽x 460px高，所以如果你调整大小并裁剪那些让你很难达到690px x 460px的那些，那么一切都会好的。
您也可以将图像裁剪为等效宽高比690：460，而不是调整大小。如果图像仍然足够宽，可以覆盖每个视口的.feature-box div，则可以使用此功能。
祝你好运！