background-image 自适应

background-image自适应是指通过设置CSS样式，使背景图片在不变形的情况下适应容器的大小。可以通过设置background-size属性为cover来实现背景图片的自适应效果。具体的CSS样式可以参考以下代码：

类名{
  width:100%;
  height:100%;
  background-image: url(图片路径);
  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
}

这样设置后，背景图片会自动缩放以适应容器的大小，并保持比例不变形。如果只需要适应宽度，可以去掉一个100%即可。另外，还可以使用-moz-background-size属性来兼容Firefox浏览器。

引用\[1\] \[2\] \[3\]
#### 引用[.reference_title]
- *1* *2* [CSS样式背景图片的自适应](https://blog.csdn.net/TYD0313/article/details/127543607)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [如何让css中的background-image图片自适应](https://blog.csdn.net/u010227042/article/details/116806670)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]