Bootstrap5响应式图片：适配不同屏幕的图片方案

Bootstrap5提供响应式图片解决方案，核心是`.img-fluid`类：图片宽度100%继承父容器，高度自动缩放，避免溢出变形，需配合`.container`等布局类控制容器大小。可通过`.rounded`（圆角）、`.rounded-circle`（圆形）、`.img-thumbnail`（缩略图）美化；用`.d-block mx-auto`实现居中；`.aspect-ratio`类（如16:9）固定宽高比。进阶可结合`srcset`属性，根据屏幕宽度加载适配图片，解决变形、加载慢、溢出等问题。无需复杂CSS，轻松实现多设备适配，提升用户体验。