如何删除背景图像周围的所有区域

Question

我的背景图像几乎是黑色的。我已将它填充到与窗口相同的大小，但是一直有某种边界！

HTML

<section id = "initialScreenContainer" class = "screenContainer">

CSS

#initialScreenContainer {
    background: url(images/bg1.png);
    padding: 0;
    border: 0;
    margin: 0;
    background-size: 100%;
}

.screenContainer {
    height: 100vh;
    width: 100%;
}

正如你从我的代码中看到的那样，我试图让它完全覆盖窗口，但它周围仍然有空白区域？！

Answer 1

您需要删除body元素上的边距：

body {
    margin:0;
}

Answer 2

也许您的背景图片宽高比与屏幕不匹配。尝试：

background-size: cover;