flex布局中设置宽度被压缩的问题

问题描述

在父级中设置了display:flex;父元素宽度不够的时候，子元素就算设置的宽度，也会被压缩；

问题分析

当子元素设置固定宽度，如果整体宽度不足时，会把固定宽度给压缩

解决方法

给固定宽度的元素添加flex-shrink:0

flex-shrink:0;