常见的移动端布局方案

1. 百分比布局

    特点: 不管分辨率怎么改变，头部的高度和位置都不变，文字流式，控件弹性，图片等比例缩放

    适用于内容较少，比较简单的移动端页面

 

2. 等比例缩放布局（rem布局）

    特点: 使用 rem 为主要单位进行页面布局，很好的实现了在不同设备上页面等比例缩放

    适用于页面内容比较复杂的移动端页面

 

3. 混合式布局

    特点: 混合布局是指将多种布局方式融合在一起实现移动端的屏幕适配的方法