移动端布局方式大类

移动端布局方式
大体分为两种，第一种是重新根据手机屏幕建立新的页面，第二种是将原来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