縦向きと横向きの両方の複数の画像を含むレイアウトがあります。各画像がブラウザ ウィンドウ内でできるだけ多くのスペースを占めるようにしたいと考えていますが、完全に表示されたままです。
これを行う簡単な方法はありますか?検索してみましたが、使用したい複数の画像ではなく、単一のフルスクリーン DIV または画像を作成するためのものばかりです。
おそらく、次のようなものを探していると思います: http://masonry.desandro.com/demos/images.html
まさにこれをbackground-size
行う value を持つプロパティを使用できます。cover
これをサポートしていない古い IE ブラウザーでは、jQuery CSS フックの修正が利用可能になりました。
プロポーショナル CSS 幅値を使用して DIV をレイアウトし、それぞれにカバーする背景画像を割り当てるだけです。