css - 是否可以使图像始终显示最小高度，同时始终保持最小 100% 宽度？

Question

我想让图像的高度始终至少为 600 像素，但仍保持至少 100% 的宽度(同时保持纵横比)。任一侧的过流都很好。我只希望图像始终填满屏幕的整个宽度，并且始终至少达到 600px 的高度。

Answer 1

很难(也许不可能)实现您想要的。您必须在三个选项(宽高比、宽度、高度)中选择两个。

一种方法是这样做，但它会破坏纵横比:

img {
    min-height: 600px;
    width: 100%
}