一、有最大、最小宽度的百分比自适应布局
适用场景：门户网站首页，图片较多的首页
二、百分比自适应布局
适用场景：信息文字较多的网页，内容较多的网页
三、全屏自适应布局
适用场景：单页面网页，移动web app页面