关于flex属性缩写兼容性问题

我们常希望用属性flex: 1来代替flex: 1 1 0，
其三个分量分别为flex-grow, flex-shrink, flex-basis，
前两者设1表示不侵占剩余空间也不希望被侵占，
flex-basis置0在chrome下被解析为0%，表示希望在空间冲突时取元素本身的width/height属性；

但是在IE下，百分比符号会被无视，剩下一个无单位的0被自动加上单位解析为0px，导致basis直接取绝对值0px，在进行弹性布局时其空间无任何权重，当前元素会被父元素无视、被后续元素侵占；

解决办法是，完整书写成flex: 1 1 auto，让basis取值与元素本身width/height属性一致，避免了0%的写法同时也达到一样的布局目的