jquery - 縦横比を維持する全画面 div の画像

Question

画像を div に入れて全画面表示しようとしています。私は多くの方法で試しましたが、画像の幅よりも高さが大きい場合、多くの問題があります。その場合、画像を中央に表示し、残りのスペースをコンテナー div の背景色で表示する必要があります。画像

Answer 1

を使用しbackground-size:containます。これにより、トリミングを防ぎ、比率を維持しながら、できるだけ多くのスペースを埋めようとします.

センターユースへbackground-position:center;

div {
  background-image:url('http://static.tumblr.com/purt4nm/BCJmqjvcj/1367698942181.jpg');
}

http://jsbin.com/enaxif/1/edit

Answer 2

おそらくこのようなものですか？

<img src="path" height="100%" />