一、rem文字适配
html{ font-size: 12px; } //根元素字体大小为12px
p{ font-size: 2rem; } //p元素的字体大小为24px
二、 Flex布局
布局父项常见属性:
flex-direction:设置主轴的方向
justify-content:设置主轴上的子元素排列方式
flex-wrap:设置子元素是否换行
align-content:设置侧轴上的子元素的排列方式(多行)
align-items:设置侧轴上的子元素排列方式(单行)
flex-flow:复合属性,相当于同时设置了 flex-direction 和 flex-wrap
布局子项常见属性
flex子项目占的份数
align-self控制子项自己在侧轴的排列方式
order属性定义子项的排序顺序(前后顺序)