可调整大小的div与背景图像

Question

我有一个带背景图片的div：

<div id="myDiv">
   ...
</div>

#myDiv {
   background-image: url(...);
   width: 70%;
   max-width: 200px;
}

现在，我希望我的背景图片可以调整大小以适应div。为此，添加背景大小：100％。这解决了有关宽度的问题，但高度仅适应了内容，并且由于此div的内容较小，因此图像在底部被裁剪。我应该为height属性设置什么，以便它跟随宽度的大小调整？

Answer 1

如果我理解得很好，你希望背景被拉伸并完全适合div。在这种情况下，尝试以这种方式设置background-size属性的两个值：

background-size: 100% 100%;