• 締切
  • 困ってます

imgタグのmax-widthについて

  • 質問No.5675545
  • 閲覧数1200
  • ありがとう数0
  • 気になる数0
  • 回答数2
  • コメント数0

お礼率 14% (3/21)

画像(40×30)を領域(20×10)に縦横比を維持したまま縮小する際に
imgタグにstyle="max-width:20px;max-height:10px;"を指定すること
で画像を13×10のサイズで表示することは可能ですか?

また、できない場合はどのような方法を用いるべきでしょうか?

回答 (全2件)

  • 回答No.2

ベストアンサー率 57% (1008/1745)

なぜ、縦横両方を設定出来ないのか分かりませんが、
何か条件付きなのでしょうか・・・
片方だけなら領域に対して画像を 100%で指定する方が良いかも。
safariでダメな環境があるような・・・
補足コメント
motikei

お礼率 14% (3/21)

縦横両方を指定すると縦横比が崩れるためwidthとheightの両方を指定しない方法を探しています。IEで。
投稿日時:2010/02/14 19:21
  • 回答No.1

ベストアンサー率 44% (1016/2281)

widthだけを指定、、、のことでしょうか?
<img src="image.jpg" alt="" width="10">

heightだけを指定すると、そのheightに合わせてwidthが調整されます。
<img src="image.jpg" alt="" height="20">
<img src="image.jpg" alt="" height="13">

スタイルシートのmax-widthやmax-heightはやったことがありませんが、たぶんブラウザ依存な気がします。
補足コメント
motikei

お礼率 14% (3/21)

width属性やheight属性はどちらか一方を指定すればもう片方は調整されるのですが、画像サイズが固定ではないので、どちらを指定するかを判断しなければなりません(下参照)。この判断する処理を省いてmax-widthを使用して実現できるかどうかを教えてもらいたいです。

例)画像サイズ40×30 表示領域 20×10
  heigthのみを指定

例)画像サイズ80×30 表示領域 20×10
  widthのみを指定
投稿日時:2010/02/14 17:17
結果を報告する
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,600万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A

その他の関連するQ&Aをキーワードで探す

ピックアップ

ページ先頭へ