分辨率一般用 iPhone 6 7 8来做为移动端标准书写
视口
弹性布局
弹性盒子：弹性容器的最近一级子元素(亲儿子子元素)
1.默认的宽度由内容所撑开，默认的高度为父元素的高度(侧轴方向默认是拉伸)；
2.没有块级，行内，行内块元素之分，统统都是弹性盒子(可以直接设置宽高，一行显示多个)；
3.默认不换行，宁愿牺牲自己的宽度，都不会自动换行
添加弹性布局 display:flex; df
弹性容器 display:flex;：
默认宽度和父元素宽度一样，默认的高度由内容所撑开
主轴对齐方式
使用justify-content调节元素在主轴的对齐方式 修改主轴对齐方式属性: justify-content
侧轴对齐方式
使用align-items调节元素在侧轴的对齐方式
伸缩比
伸缩比：flex 给弹性盒子添加 1.所有的弹性盒子都添加相同的flex值，均分弹性容器的宽度；如果flex值不同，根据比例进行分配 2.其他的盒子宽度固定，只有一个盒子设置了flex:1 --- 占据父元素剩余的宽度
总结：
弹性容器设置的属性：df，jc，ai
弹性盒子设置的属性：align-self，flex
