CSS background-size: 实现自适应背景图片的技巧

想要实现自适应的背景图片，可以使用 CSS 的 background-size 属性。以下是一些常用的方法：

使用百分比： 设置 background-size 的宽高值为百分比，例如：background-size: 100% 100%;，这样可以让背景图片随着容器的大小自适应。
使用 'cover' 或 'contain' 属性：
- cover 属性会让背景图片填满容器，可能会裁剪部分图像。
- contain 属性会让背景图片完全显示在容器中，可能会留白。
使用 background-size: auto;： 这样会让背景图片按照原始大小显示，但仍然会随着容器的大小自适应。
使用 background-size: contain; max-width: 100%; max-height: 100%;： 这样可以让背景图片完全显示在容器中，同时限制最大宽高为容器的宽高。

选择哪种方法取决于你的具体需求，希望这些技巧能帮助你实现理想的背景图片效果。