質問: 背景画像・css関連の質問です。 横幅が3000px、縦幅400pxの画像があるとします。 これをhtmlに直接 などで表示すると、ブラウザの画面からはみ出して、下にバーが出てしまいます。 cssのbackgroundでDIV要素等に width: 100%, height: 400px にすると表示されます。 ユーザーに画像をアップロードさせる際、どんな画像がアップロードされるかわからないという状況で、 ・横は画面をはみ出さない(横500pxや横1000pxといった画像は中央に配置 center center no-repeat) ・縦は400pxまでにしたい(400pxを超えている場合は centerで切り抜き、横幅はそのまま) ということは可能でしょうか? わかりづらいかと思いますがよろしくお願いします。
回答: イケてない方法だなと思うけど、一つ思いついたので書きます。 読解力無いので質問の意図を勘違いしていたらごめんなさい。 DIVの中に、高さを算出する目的でIMG要素を入れる。 表示は背景でやる。 IMG要素のsrc属性の値は背景の画像と一緒で、visibility:hidden;とかopacity:0;にする。 DIVはmax-height:400px;