CSS在移动设备上的背景定位

Question

我的网站上有一张图片（background.jpg）。在桌面上显示正常，但在移动设备上看起来不正确。我可以在stylesheet.css中更改什么来使图像缩小，以便与桌面类似？

当前代码：

#services-top-desktop {
    background: #fff url(../img/background.jpg) fixed no-repeat center;
    background-size: cover;
}

#services-top-mobile {
    background: #fff url(../img/background.jpg) no-repeat center;
}

Answer 1

您的代码使用两个类，一个用于桌面，另一个用于移动。相反，在css中使用通用的body类

body {

  background-image: url('../img/test.jpg');
  background-repeat: no-repeat;
  background-size: cover;

}