自适应宽度是指界面元素随设备屏幕尺寸自动调整宽度，适配手机、平板、电脑等多终端，无需手动缩放，确保内容清晰展示、交互便捷，提升跨设备使用体验的设计特性。
在前端开发中，flex 布局因其灵活便捷的特性，被广泛应用于各类页面布局场景。但在实际开发过程中，很多开发者会遇到一个常见问题：给 flex 子元素设置 flex-shrink: 0 后，虽然能避免子元素被压缩、实现子元素超出父元素显示，但父元素的宽度却始终固定不变，无法跟随子元素的总宽度自适应拉伸…
