Html 背景图像下方的空白

当我最小化窗口时，图像下方会出现一个白色条，当它不最小化时，没有空白。我已经检查了我的背景，背景下没有空格。图片的实际分辨率为1920x1080

我相信是背景缩小造成了问题。我可能错了，但如果我是对的，我如何防止背景缩小到低于其分辨率

我试过背景尺寸：封面/包含

html, body{height: 100%;}

这是我当前的代码：

`html, body{
    height: 100%;
}

body{
    margin: 0;
    padding: 0;
    font-family: 'Abel', sans-serif;
    background: url(test2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}`

---

这可能是因为你的html页面是静态的
要启用“动态”模式，您需要在标题中添加以下行：

这可能是因为您的html页面是静态的
要启用“动态”模式，您需要在标题中添加这一行：
我找到了问题的根源，我试图学习如何制作一个响应性下拉导航栏，并找到一个视频并进行跟踪。我使用的是“height:100vh”而不是“height:calc（100vh-50px）”，因此当导航栏折叠时，它会在网页的右侧创建一个垂直滚动条，当背景调整大小时，滚动到底部时会留下一个空白。但是将代码更改为第二个会删除滚动条。但我不太明白它是如何工作的。你能给我解释一下吗？提前感谢，我也不太理解，但我认为这是因为第一个值（100vh）取决于实际的设备屏幕大小，但第二个值（50px）是固定的，所以每个设备上的值都是50px。我希望我没有说任何愚蠢的话，根据w3schools的说法：“vh：相对于视口高度的1%”嗯。。希望有人能来解释给我们俩听。谢谢你的帮助。感谢你。我找到了问题的根源，我试图学习如何制作一个反应灵敏的下拉式导航栏，找到了一个视频并跟踪它。我使用的是“height:100vh”而不是“height:calc（100vh-50px）”，因此当导航栏折叠时，它会在网页的右侧创建一个垂直滚动条，当背景调整大小时，滚动到底部时会留下一个空白。但是将代码更改为第二个会删除滚动条。但我不太明白它是如何工作的。你能给我解释一下吗？提前感谢，我也不太理解，但我认为这是因为第一个值（100vh）取决于实际的设备屏幕大小，但第二个值（50px）是固定的，所以每个设备上的值都是50px。我希望我没有说任何愚蠢的话，根据w3schools的说法：“vh：相对于视口高度的1%”嗯。。希望有人能来解释给我们俩听。谢谢你的帮助。谢谢。