html - サイズが不明な画像をjspで表示する

Question

ユーザーがロゴ画像をアップロードできるようにする Web アプリがあります。この画像には、幅と高さに関する制限はありません。次に、JSP で各ユーザーのロゴを表示します。問題は、各ユーザーのロゴのサイズが異なる (小さい、大きい...) ことで、画像を表示するのに最適な方法はどれでしょうか??

Answer 1

すべての画像を制約する場合は、親に幅を適用し、画像に最大幅を追加します。

JSFiddle

<div class="img">
    <img src="http://lorempixel.com/output/people-q-c-640-480-5.jpg" alt=""/>
</div>

.img {
    width:250px;
}

.img img {
    max-width:100%;
}