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 回答