アスペクト比がすべて異なるページに画像を追加しています(幅が広い、高さが高いなど)。
すべての画像を多かれ少なかれ同じサイズで表示するが、押しつぶされたり引き伸ばされたりしないようにする最良の方法は何ですか?
私が試してみました
<img src='admin/userpics/$prodID.jpg' height='50%'>
これは画像を同じにしないようですか?
アスペクト比がすべて異なるページに画像を追加しています(幅が広い、高さが高いなど)。
すべての画像を多かれ少なかれ同じサイズで表示するが、押しつぶされたり引き伸ばされたりしないようにする最良の方法は何ですか?
私が試してみました
<img src='admin/userpics/$prodID.jpg' height='50%'>
これは画像を同じにしないようですか?
私はCSSを使用します。
img {
max-height: 200px;
max-width: 200px;
}
width
またはheight
を固定値に設定し、もう一方の値をauto
<img src='admin/userpics/$prodID.jpg' style='width:100px;height:auto;'>
また
<img src='admin/userpics/$prodID.jpg' style='height:100px;width:auto;'>
あなたが好むものは何でも、アスペクト比は常に正しいです
<img src='admin/userpics/$prodID.jpg' style='height: 200px; width: auto;'>