rem文字适配和Flex

Flex翻译为“弹性”，通过给元素设置display属性，属性值为flex或者inline-flex。
使其变成弹性容器，容器中的直系子元素就会变为弹性元素。
div{ display:flex://变成弹性盒 
弹性盒子可以直接控制子元素的位置

flex-direction:设置主轴的方向
justifycontent设置主轴上的子元素排列方式
flex-wrap设置子元素是否换行
align-content:设置侧轴上的子元素的排列方
Flex布局 式(多行) 
align-items:设置侧轴上的子元素排列方式(单行)
rem文字适配和Flex布局 布局父项常见属性 direction 和flex-wrap flex-flow:复合属性，相当于同时设置了flex- 

flex子项目占的份数
align-self控制子项自己在侧轴的排列方式
布局子项常见属性 顺序) order属性定义子项的排序顺序(前后 

rem是一个相对于根元素字体大小的单位
html{ font-size:12px://根元素字体大小 
为12px}
p{ font-size:2rem;//p元素的字体大 
小为24px