不同的背景图像取决于屏幕分辨率？

/* 针对不同的屏幕分辨率设置不同的背景图像 */
@media screen and (max-width: 768px) {
  body {
    background-image: url('background-image-small.jpg');
  }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  body {
    background-image: url('background-image-medium.jpg');
  }
}

@media screen and (min-width: 1201px) {
  body {
    background-image: url('background-image-large.jpg');
  }
}