带有背景图像的可调整大小的 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%;