2

アスペクト比がすべて異なるページに画像を追加しています(幅が広い、高さが高いなど)。

すべての画像を多かれ少なかれ同じサイズで表示するが、押しつぶされたり引き伸ばされたりしないようにする最良の方法は何ですか?

私が試してみました

<img src='admin/userpics/$prodID.jpg' height='50%'>

これは画像を同じにしないようですか?

4

7 に答える 7

4

私はCSSを使用します。

img {
   max-height: 200px; 
   max-width: 200px; 
    }
于 2013-08-02T14:33:11.097 に答える
1

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;'>

あなたが好むものは何でも、アスペクト比は常に正しいです

于 2013-08-02T14:33:03.120 に答える
0
<img src='admin/userpics/$prodID.jpg' style='height: 200px; width: auto;'>
于 2013-08-02T14:33:01.633 に答える