背景图片下方的空白

时间:2019-05-25 16:32:12

标签: html css

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

1 个答案:

答案 0 :(得分:0)

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