1

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

4

2 に答える 2

2

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

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

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

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

于 2013-07-26T15:38:56.810 に答える
0

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

<img src="path" height="100%" />
于 2013-07-26T15:38:02.537 に答える