我如何让一个div自动调整到背景的大小，我为它没有设置一个特定的高度(或最低高度)?
当前回答
这招对我很管用:
background-image: url("/assets/image_complete_path");
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover;
height: 100%;
其他回答
如果你可以在Photoshop中制作一张图像，其中主图层的不透明度为1左右，基本上是透明的，将img放在div中，然后将真实的图片作为背景图像。然后设置img的不透明度为1，并添加你想要的尺寸。
这张图片就是这样做的，你甚至不能把不可见的图像拖出页面，这很酷。
你可以在服务器端做:通过测量图像，然后设置div大小，或者用JS加载图像，读取它的属性，然后设置div大小。
这里有一个想法，把同样的图像在div作为IMG标签，但给它可见性:隐藏+发挥位置相对+给这个div的图像作为背景。
在Umbraco CMS中有这个问题，在这种情况下，你可以使用div的'style'属性将图像添加到div:
style="background: url('@(image.mediaItem.Image.umbracoFile)') no-repeat scroll 0 0 transparent; height: @(image.mediaItem.Image.umbracoHeight)px"
没有办法使用CSS自动调整背景图像大小。
正如其他人所提到的，您可以通过测量服务器上的背景图像，然后将这些属性应用到div来解决这个问题。
你也可以修改一些javascript来根据图片大小调整div的大小(一旦图片已经下载)——这基本上是一样的事情。
如果你需要你的div自动适应图像，我可能会问你为什么不放一个<img>标签在你的div?
这招对我很管用:
background-image: url("/assets/image_complete_path");
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover;
height: 100%;
