CSS中的背景图可以为网页增加一些美感和动态效果。不过，当网页宽度改变时，如何保证背景图的自适应性呢？ 接下来，我们将介绍一个简单的方式，用CSS来实现背景图自适应div。

    /* 声明一个背景图片 */
    div {
        background-image: url('your-image-url');
        background-size: cover;
    }

代码中，我们使用了CSS的background-image属性来声明了一个背景图片，并使用了background-size属性来将图片进行填充。此时，我们已经将背景图设置到了div标签中。

但是，这里有另一个问题需要解决：如何实现当屏幕缩放时，背景图的自适应性？

    /* 设置背景图的位置和尺寸 */
    div {
        background-image: url('your-image-url');
        background-size: cover;
        background-position: center center;
    }

    /* 声明一个min-height属性，并设置为100vh */
    div {
        min-height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

代码中，我们使用了background-position属性，指定了图片的位置。并且，声明了一个min-height属性，并设置为100vh，将div的高度设置为可视窗口的高度。这样，当屏幕缩放时，div标签会自适应缩放，并且背景图也会对应着缩放。

如此一来，我们就可以用CSS轻松实现背景图自适应div，使网页更加美观和动态。