CSS3 多媒体查询

flex 实现布局自适应的

尺寸兼容 rem

13 个属性

display: flex;  开启

12 个

应用在父元素上 6

【1重】align-items 有单行文字的时候，设置元素在Y轴上对齐方式


【1重】justify-content 设置元素在X轴上对齐方式
【2重】flex-direction 设置元素的排列方向
【2重】flex-wrap 设置元素一行排列不下的时候如何换行


flex-flow 是 flex-direction 和 flex-wrap 的简写
align-content 有多行文字的时候，设置元素在Y轴上对齐方式

应用在子元素上 6

order 设置元素的排序，数值越小，越靠前
【2重】flex-grow 设置元素的放大比例
【2重】flex-shrink 设置元素的缩小比例
 0 : 表示不运行缩小，保持原本的比例

flex：flex-grow  flex-shrink flex-basis  和简写
align-self 允许单个元素采用不同的对齐方式
 
flex-basis 设置元素宽度