htmlでの画像表示について質問です。

画像を縮小表示させるとき幅の最大値を設定し、それより大きい場合は数値に縮小し、それより小さい場合はそのままのサイズで表示させたいです。

<img>タグ内に「onload="this.width = Math.min(this.width, 170)";」を挿入すると幅は設定できるのですが、同時縦サイズも最大値を設定したいです。

元画像のサイズが縦か横の最大値どちらかを超える場合は縮小、どちらも超えない場合はそのままのサイズというふうにしたいです。

どのような方法があるのでしょうか。ご教授お願いします。

回答の条件
  • 1人10回まで
  • 登録:2011/12/02 02:27:19
  • 終了:2011/12/02 14:27:29

ベストアンサー

id:Cherenkov No.1

Cherenkov回答回数1503ベストアンサー獲得回数4932011/12/02 03:45:27

ポイント100pt

cssのmax-width(max-height)を使う。


max-width-スタイルシートリファレンス

id:numb08

CSSで制御できるんですね。ありがとうございました。

2011/12/02 14:27:19

その他の回答(1件)

id:Cherenkov No.1

Cherenkov回答回数1503ベストアンサー獲得回数4932011/12/02 03:45:27ここでベストアンサー

ポイント100pt

cssのmax-width(max-height)を使う。


max-width-スタイルシートリファレンス

id:numb08

CSSで制御できるんですね。ありがとうございました。

2011/12/02 14:27:19
id:kodairabase No.2

kodairabase回答回数661ベストアンサー獲得回数802011/12/02 07:40:10

ポイント100pt

minmax.js - IEでCSSのmax-widthなどを使えるようにするライブラリ
http://fnya.cocolog-nifty.com/blog/2006/12/minmaxjs_iecssm_d111.html

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません