Html 使背景图像填充背景

这似乎是一个常见的问题，但我看到的现有答案似乎不适合我。我有一个背景图像，它比它的宽度要高得多。我希望高度是身体高度的100%。到目前为止，我已经尝试：

body, html {
    height: 100%;
    min-height: 100%;
}

body {
    background:url("NewLogo.png") no-repeat center center;
    background-size: 100% auto;
}

---

我也尝试过改变

背景尺寸：封面

但这也会使图像变大，但会切断顶部和底部。

使用

包含

。这将确保整个图像显示在容器中，并且没有任何内容被切断：

body {
    background:url("NewLogo.png") no-repeat center center;
    background-size: contain;
}

---

使用

包含
。这将确保整个图像显示在容器中，并且没有任何内容被切断：

body {
    background:url("NewLogo.png") no-repeat center center;
    background-size: contain;
}

请注意，如果你想有一个背景图像，它是封面，并且有自己的高度（不只是大，像你的浏览器一样宽，但像你说的那样松开顶部和底部），你可以尝试给你的背景图像一个合适的vh高度


正文{
保证金：0；
}
#形象{
背景图片：url(https://images.unsplash.com/photo-1504387103978-e4ee71416c38?auto=format&fit=crop&w=2134&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D);
背景重复：无重复；
高度：293vh；
背景尺寸：封面；
}
请注意，如果您想要有一个覆盖的背景图像，并且具有自己的高度（而不是像您所说的那样大，与浏览器一样宽，但松开顶部和底部），您可以尝试为背景图像提供适当的vh高度


正文{
保证金：0；
}
#形象{
背景图片：url(https://images.unsplash.com/photo-1504387103978-e4ee71416c38?auto=format&fit=crop&w=2134&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D);
背景重复：无重复；
高度：293vh；
背景尺寸：封面；
}