一、视口（viewport）

1.布局视口：移动端默认的页面宽度是980px，在没有视口标签的情况下
2.理想视口标签：meta:vp
    width=device-width ---- 设备的宽度和视口(页面)宽度相等
    initial-scale=1.0 ---- 表示现在写多少像素，在页面之中就展示多少像素，不缩放
    minimum-scale=1,maximum-scale=1,user-scalable=0 ---- 禁止用户缩放页面，防
    止页面布局被打乱
    

二、弹性布局

由弹性容器和弹性盒子组成
1.弹性容器：默宽度就是父元素的宽度，高度由内容所撑开
2.弹性盒子：就是弹性容器的最近一级子元素
    特点：
     1.默认宽度由内容所撑开，默认的高度和父元素一样高；
     2.弹性盒子没有块级元素，行内块元素，行内元素之分，统统叫做弹性盒子，弹性盒子可以
     设置宽高;
     3.弹性盒子默认不会换行，会沿着主轴方向一行显示；
     4.要注意弹性盒子的概念
     
3.主轴方向的对齐方式，也是给弹性容器添加
    

4.侧轴控制的是垂直方向的对齐方式 ai
    

5.伸缩比：flex 给弹性盒子添加
   1.所有的弹性盒子都添加相同的flex值，均分弹性容器的宽度；如果flex值不同，根据比例进行分配
   2.其他的盒子宽度固定，只有一个盒子设置了flex:1 --- 占据父元素剩余的宽度