Question

当我最小化窗口时，在图像下方会出现一个白色的条形；当未最小化窗口时，则没有空白。我检查过我的背景下面没有空格。图片的实际分辨率为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;
}`

Answer 1

这可能是因为您的html页面是静态的。
要启用“动态”模式，您需要在头部添加以下行：
<meta name="viewport" content="width=device-width, initial-scale=1.0">

背景图片下方的空白

1 个答案: