使用背景大小时的CSS高度

因此，我想使用

background size:contain

调整

div

的背景图像大小，并将

宽度设置为100%。我需要一个移动网站，其中的屏幕尺寸是可变的。然而，我在设置高度时遇到了一个难题

如果我以像素为单位设置高度，当图片变小时，它会在图片下方留下一个空白

如果我不设置高度，图片就不会出现

最好的解决办法是什么

这是我的密码：

<div id="container">
    <p>Some text</p>
    <div id="my-picture"></div>
</div>

根据您的使用背景大小：封面

问题清楚地表明，
背景大小：contain
是所需要的。请参见，这取决于您希望元素的大小。当然，如果视口的高度高于内容所需的高度，则元素下方会有空白。问题似乎是关于整个页面布局，而不是背景大小。
#container {
    width: 100%;
}
#my-picture {
    background:url(somepic.jpg) no-repeat;
    background-size: contain;
    height: ???
}

#my-picture {
  background:url(somepic.jpg) no-repeat;
  background-size: cover;
  height: ???
}