你也可以用这个:

background-size:contain;
height: 0;
width: 100%;
padding-top: 66,64%; 

我不知道你的潜水值，但让我们假设你有这些。

height: auto;
max-width: 600px;

这些都是随机数。 这可能很难使背景图像(如果你想)与固定宽度的div，所以最好使用max-width。实际上，用background-image填充div并不复杂，只需确保父元素的样式正确，这样图像就有了可以放置的地方。

克里斯

你也可以试试这个，设置背景大小为封面，为了让它看起来更好，还可以设置背景位置中心，如下所示:

background-size: cover;
background-position: center ;

您可以使用background-size属性来实现这一点，现在大多数浏览器都支持该属性。

缩放背景图像以适应div内部:

background-size: contain;

缩放背景图像以覆盖整个div:

background-size: cover;

JSFiddle示例或可运行的代码片段:

# imagecontainer { background: url("http://3.bp.blogspot.com/_EqZzf-l7OCg/TNmdtcyGBZI/AAAAAAAAAD8/KD5Y23c24go/s1600/homer-simpson-1280x1024.jpg")无重复; 宽度:100 px; 身高:200 px; 边框:1px实体; background-size:包含; ｝ < div id = " imagecontainer " > < / div >

还有一个针对IE 5.5+支持的过滤器，以及一些旧浏览器的供应商前缀。

你也可以用这个:

background-size:contain;
height: 0;
width: 100%;
padding-top: 66,64%; 

我不知道你的潜水值，但让我们假设你有这些。

height: auto;
max-width: 600px;

这些都是随机数。 这可能很难使背景图像(如果你想)与固定宽度的div，所以最好使用max-width。实际上，用background-image填充div并不复杂，只需确保父元素的样式正确，这样图像就有了可以放置的地方。

克里斯

background-position-x: center;
background-position-y: center;

选择:

background-size: auto 100%;