解决

单独给给子元素添加

flex-shrink: 0;

flex-shrink属性定义了项目的缩小比例，默认值为1，即如果空间不足，该项目将缩小。

使用综合属性flex

也可以用一个综合属性flex
flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。
我们只修改flex-shrink，所以

.item {
  flex: 0 0 auto
}

flex布局禁止子元素自动缩放适应空间