Как удалить всю область вокруг фонового изображения

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 { 
    margin:0; 
} 

Answer 2

Может быть, ваш фон соотношение сторон изображения не совпадает с экранов. Попробуйте .:

background-size: cover;