javascript - 移动设备上 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;

}