移动设备上的CSS背景定位

Background Postioning in CSS on Mobile Device

本文关键字：CSS 背景 定位 移动      更新时间：2023-09-26

我的网站上有一张图片(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;
}

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

中使用通用的body类
body {
  background-image: url('../img/test.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
相关文章：