我怎样才能使背景图像适应？

Question

newbie here. I've set a background image for body but when the window size changes too much the image does not fit. what can i do to eliminate white spaces? (I apologize if the question is silly, but not knowing what the problem is, I struggle to find a solution. thanks for the attention!)

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-image: url("img/background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

Answer 1

You can use the background-attachment and background-position to fill the background.

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: url("img/background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}