css控制背景图片根据手机屏幕自适应缩放

要实现背景图片根据手机屏幕自适应缩放，你可以使用CSS的`background-size`属性。下面是一个示例：

body {
  background-image: url('your-image.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

在上述示例中，我们设置了body元素的背景图片为`your-image.jpg`。然后，使用`background-size`属性设置背景图片的尺寸。

- `cover` 值将背景图片缩放到完全覆盖容器，并保持宽高比例。这样，图片的某个部分可能会被裁剪掉。
- `contain` 值将背景图片缩放到完全适应容器，保持图片的宽高比例。这样，图片将完全显示，但可能会有空白边。

你也可以使用具体的尺寸值，例如`background-size: 100% auto;`将背景图片的宽度设置为100%，高度自动适应。

此外，还可以使用CSS媒体查询来根据不同的屏幕尺寸应用不同的背景图片或尺寸。例如：

@media (max-width: 767px) {
  body {
    background-image: url('your-mobile-image.jpg');
  }
}

@media (min-width: 768px) {
  body {
    background-image: url('your-desktop-image.jpg');
  }
}

在上述示例中，我们根据屏幕宽度应用不同的背景图片。

通过以上方法，你可以实现背景图片根据手机屏幕自适应缩放，并根据需要应用不同的图片或尺寸。请根据你的具体需求进行调整。