-
ID:KeLm0r さんの質問

cssの画像サイズ指定について質問です。

width100%に指定した、縦横比4:3くらいの画像があり、
ブラウザの高さを短くすると当然画像の縦がはみ出るのですが、
これを、ブラウザの幅を変えても高さを変えても、ブラウザ内に
比率を崩さずに画像全体が表示されるようにすることは、
cssの表記だけで可能なのでしょうか?

できれば指定の方法も教えてもらえるとたすかります。
よろしくおねがいします。

みんなの回答 1 件

ID:AAWRHR さんの回答

とりあえず使えそうなのはbackground-size: cover

ただ、ブラウザ内に画像全体を表示ということは、画像がすごく小さい状態からブラウザを下にスクロールすると画像が大きくなっていったりするということか?
それはCSSだけでは無理そう

ID:KeLm0r

質問主です。回答ありがとうございます。
やはりcssだけでは厳しそうですね。

ちょっと私の説明がわかりにくかったので状況を具体的にあげると
wordpressのmetasliderというスライドプラグインを使った
画像ギャラリーページの調整についての話でした。

このギャラリーがブラウザ幅いっぱいに画像が広がる設定にしているのですが、これをブラウザの高さを縮めても画像全体が表示される仕様にしたかったということです。

cssで height:100vh; なども試したのですが、これだと
画像の比率が変わってしまいますし・・・

ID:Tug2dv

幾何学的に考えて不可能だろ。何言ってんだ?

ID:8y4ZVx

それでもたぶん説明が足りないと思う。
もっと日本語勉強しよう。

最終更新日:2015-08-08 (1,937 views)

関連するトピックス

ページ上部に戻る