响应式布局

一、bootstrap的CSS响应式布局
自适应（白分比）
@media媒体查询；screen屏幕（width：值）

二、单位
1px=1px
1em=16px(默认值，相对于body会继承)
1rem=16px(默认值，相对根元素html，不会继承)

三、使用bootstrap时单位用rem（只针对APPA端，字体大小）
常用一般：1rem=20px
规定方法：html{font-size:20px}

四、
PC端：@media screen and (min-width:1000px){...}
平板端：@media screen and (min-width:768px) and (max-width:999px){...}
手机端：@media screen and (max-width:767px){...}
注：@media媒体查询都要写在css里面，不能单独使用
一般建设宽度设置100%自适应，网页头部、尾部高度格局不变，其余自适应