flex布局 flex:auto none %;理解

简写：flex: auto(项目实际大小,子级需要就写可单独使用)

flex: 0 0 auto/*有多余空间不放大，空间不足时不缩小，展示项目本来的大小*/

简写：flex: none(等比例缩放，须每个子级项目写，都使用才能达到等比例缩放)

flex: 1 1 auto/*有多余空间放大，空间不足时缩小，展示项目本来的大小*/

子元素的宽度（%可以换成px等单位）

flex: 0 0 20%/*表示当前子项目宽度为20%，父级空间有剩余，不会放大，空间不够用时，不会缩小*/