为什么我的背景图像在不同的屏幕尺寸上会不断变化？

Question

我的网站的背景图像在页面大小调整中不断变化。我似乎无法弄清楚为什么要这样做。这是我的代码：

header {
  background-image: url('../img/header-bg.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  color: white;
}