javascript - 画像をレスポンシブにする方法はありますが、高さは一定のままです

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>