Flex弹性布局 部分元素被挤压的解决方法

解决方法很简单， 就是使用 flex-shrink 属性；

flex-shrink 属性定义了项目的缩小比例，默认为1

即如果空间不足，该项目将缩小，它还有另外一个值，就是0

如果在子元素的 css 样式中添加 flex-shrink 属性， 然后把值改为 0

flex-shrink：0 ，那么当前元素就不会被其他子元素挤压