<IMG>タグにて縦横サイズの指定の仕方

質問

画像をアップロードさせ、ブログのプロフィール欄に画像が表示されるようなシステムを作っています。
（注※私は開発側で、ブログ利用者としての質問ではありません。）
アップロードされてくる画像の縦横の比率や大きさは毎回バラバラなモノがアップロードされてくると思いますが、プロフィール欄の画像枠を２００×２００pxとして、その範囲に表示画像を収めたい場合はどうすればよいのでしょうか？
例えば
<img src=xxx.jpg height=200>
と指定した場合、
２４０×４００pxの画像がアップロードされてくれば
１２０×２００pxとして表示してくれますが、
４００×２４０pxの画像がアップロードされてきてしまうと
横幅が２００ピクセル以上で表示されてしまいます。
かと言って、
<img src=xxx.jpg height=200 width=200>
と指定したのでは
２４０×４００pxの画像の場合、横広がりの引き伸ばし画像で、おデブちゃんみたくで表示されてしまいます。

どなたか解決策ご存知でしたらご教示宜しくお願いします！
<IMG>タグでは無くCSSでの方法でも大歓迎です！

回答No.2

grumpy_the_dwarf · ベストアンサー

そこはやっぱりCSSで{max-width:200;max-height:200;}でしょう。

お礼

maxを指定すれば問題解決ですね♪
有難うございました☆

回答No.1

goldfox

一つずつ指定を入れるしかないのでは。
縦長の画像にはclass="imgh"をつけ、
横長の画像にはclass="imgw"をつけ、
cssで
.imgh{height:200px;}
.imgw{width:200px;}
と。