具有固定比例的CSS可伸缩背景

Question

我有绝对高度和宽度的div：

<div style="height: 500px; width: 300px;">

我想放置一个背景图片（宽度为500px;高度为1500px）以适应DIV的宽度，但我想让溢出div的高度。我不想放松我的形象比例。

图像是动态生成的，有时高度小于div高度。我需要始终保持宽度，不要关心身高。

用CSS做某种方式而不需要使用javascript吗？

background-size: cover值仅在图像高度小于div高度时有效。

我找到了类似的东西：

background-size: 100% default;

Answer 1

应该是

background-size: 100% auto;

Answer 2

Try: 

.element {
background-size: cover
}