什么是宽高自适应呢?
页面里有两个 div，开始的时候宽度都是 800px，当我们将浏览器窗口的宽度拖动到小于 800px 的时候，我们发现：上面的 div 宽度固定，一部分被隐藏在屏幕外;下面 div 的宽度会自动适应 屏幕宽度缩小 的变化。
我们把这种元素的宽或高，能够随着屏幕的宽高变化而变化的能力，叫做宽高自适应。
要让背景图片自适应网页的大小，可以使用CSS的background-size属性。可以将background-size设置为cover，这样背景图片将会自动缩放并覆盖整个网页，保持比例并填满整个视口。
另外，也可以将background-size设置为contain，这样背景图片会自动缩放以适应整个视口，但不会超出边界。通过这种方式，可以确保背景图片在不同设备和屏幕尺寸下都能自适应网页的大小，提供更好的视觉效果。
