flex 布局下 子元素图片变形问题

本文深入探讨了CSS Flexbox布局中的`flex-shrink`属性，该属性用于定义flex元素在空间不足时的收缩比例。默认值为1，设置为0则表示元素不会收缩。当容器宽度超出时，flex元素将根据`flex-shrink`的值进行尺寸调整，确保整体布局的适应性。