flex布局设置宽度被压缩

问题描述：父元素设置为flex布局，子元素的宽度设定为固定宽度，但是子元素的宽度被压缩了。

解决方式：给子元素设置 flex-shrink: 0。

扩展：flex-shrink 属性指定了 flex 元素的收缩规则，默认为1，在子元素默认宽度之和大于父元素宽度时（即父盒子“装不下”子盒子）会发生收缩，指定为 0 时表示不收缩。