移动端布局方式 大体分为两种，第一种是重新根据手机屏幕建立新的页面，第二种是将原来pc端页面变成响应式的（通过媒体查询，根据屏幕大小来改变内容大小及布局） 一、新创建 1.流式布局 百分比布局 对盒子给一个宽度的百分比，当屏幕大小变化，始终占满屏幕，也称百分比布局（字体不会变化，盒子高度也是固定的） 2.flex布局 给父元素display:flex，自己flex：1，如果给其他数，占的地方更大（字体不会变化，高度也是固定的） 3.rem布局 通过媒体查询，对html的font-size做出调整，然后页面整体所有元素的高度、宽度都会发生变化，包括字体 （1）.rem+less（媒体查询） （2）.rem+flexible.js（根据屏幕直接划分成10等分，fontsize直接出来了，直接设置rem） 4.混合布局 将上述三者混合用，比较方便 二、响应式布局 代表性的就是boostrap
