如何使图像响应，但高度保持不变

Question

我想知道如何像这个网站一样做 http://themeforest.net/item/the-retailer-retina-responsive-woocommerce-theme/full_screen_preview/4287447

Answer 1

请注意，一旦图像缩小得太小，它就不会保持恒定的高度。当高度超过480px时，它只会关闭底部。实现相同目标的最简单方法是执行以下操作：

<div style="max-height:480px; overflow: hidden">
    <img src="" style="width:100%" />
</div>