我有一个包含图像的div。 我希望图像随着div的大小调整大小,但我不希望图像高度超过480px。 我将下面的代码发布出来。 它可以正确地随着div调整大小,但没有遵守max-height限制。 如果我将mx高度移动到img css中,它就会遵守规定,但它不会调整大小。 我相信这是一些简单的东西,但我似乎无法做到。
.feature_image {
max-height:480px
}
.feature_image img{
height: 100%;
width: 100%;
}
这里是HTML代码
<div class="feature_image">
<img src="img/main-featured-image.png"/>
</div>