javascript - 如何在设置最大高度时使图像在水平方向上响应

Question

我正在使用 Bootstrap 响应图像类来调整图像大小。当它们在大屏幕上显示时，图像变得很大，对于页面来说太大了。无论如何，我都想将它们保留在一页上。

我尝试通过以下方式仅设置最大高度:

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

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

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

希望有人能帮帮我!

Answer 1

我喜欢使用background-size: cover

http://www.w3schools.com/cssref/css3_pr_background-size.asp

编辑:我想我可能误解了。如果您希望图像的宽度和缩放高度为 100%，您可以这样做:

width: 100%;
height: auto;