CSS伸缩性的背景与固定的比例

Question

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

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

我希望把一个背景图像（宽500像素;高度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 
}