CSS Flex-Shrink属性
CSS Flex-Shrink属性是弹性布局中的一个重要属性，它可以控制项目的收缩比例。它可以让项目在容器变小时，按照比例收缩，从而能够更好地适应容器的大小。
使用方法
- flex-shrink属性的值是一个正数，它表示项目收缩的比例，例如，如果某个元素的flex-shrink属性值为2，则它收缩的比例是2:1，即它比其他元素收缩的比例要多2倍。
- flex-shrink属性的默认值是1，这意味着所有的元素在容器变小时，收缩的比例是一样的。
- 如果某个元素的flex-shrink属性值设置为0，则表示该元素不会收缩，即它的大小不会随着容器的变化而变化。
.item {
flex-shrink: 2;
}
上面的代码表示将.item元素的flex-shrink属性值设置为2，表示它比其他元素收缩的比例要多2倍。
CSS Flex-Shrink属性可以控制项目的收缩比例，使项目能够更好地适应容器的大小。