プロが教えるわが家の防犯対策術!

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

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

A 回答 (2件)

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

    • good
    • 0
この回答へのお礼

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

お礼日時:2008/01/16 02:51

一つずつ指定を入れるしかないのでは。


縦長の画像にはclass="imgh"をつけ、
横長の画像にはclass="imgw"をつけ、
cssで
.imgh{height:200px;}
.imgw{width:200px;}
と。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!