html - 大きすぎる場合にのみ画像のサイズを変更する

Question

重複の可能性：
画像の最大サイズを設定

100x150 px画像を表示する領域があります。

表示する画像がこの領域よりも大きい場合は、領域に合わせてサイズを変更（幅と高さを制限）する必要がありますが、領域よりも小さい場合は、元のサイズのままにする必要があります。

これは可能HTMLですか？または、サーバーサイドで画像のサイズを変更する必要がありますか？

Answer 1

max-widthとmax-heightスタイルを指定するだけです:

img {
    max-width: 100px;
    max-height: 150px;
}