flex布局禁止子元素自動縮放適應空間

單獨給給子元素添加

flex-shrink: 0;

flex-shrink屬性定義了項目的縮小比例，默認值為1，即如果空間不足，該項目將縮小。

使用綜合屬性flex

也可以用一個綜合屬性flex
flex屬性是flex-grow, flex-shrink 和 flex-basis的簡寫，默認值為0 1 auto。后兩個屬性可選。
我們只修改flex-shrink，所以給子元素設置

.item {
  flex: 0 0
}