javascript - 我如何使图像响应但高度保持不变

Question

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

Answer 1

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

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