Question

我正在使用bootstrap响应式图像类调整图像大小。当它们显示在大屏幕上时，图像变得很大并且对于页面而言太大。无论如何，我都希望将它们放在一页上。

我尝试通过执行以下操作来设置最大高度：

.img-responsive {
    max-height: 250px;
}

但是当我这样做时，宽度也不会重新缩放，图像也会保持很小。

有没有办法让图像具有固定的最大高度，并能够重新缩放宽度？因此，当屏幕变大时，图像会变宽，但高度永远不会超过最大高度。

希望有人可以帮助我！

Answer 1

我喜欢使用background-size: cover

编辑：想想我可能误会了。如果您希望图像的宽度和比例高度为100％，则可以执行以下操作：

width: 100%;
height: auto;