自适应布局与响应式布局

自适应布局：需要开发多套界面来适应不同的终端。(利用媒体查询方式)

响应式布局：根据不同屏幕分辨率的终端上的浏览网页的不同展示方式，也就是一个网站可以兼容多个终端，而不是为了每一个终端做一个特定的版本。

概括：响应式布局还是要比自适应布局好一点，但自适应布局更加贴切实际，因为你只需要考虑几种状态就可以了而不是像响应式布局需要考虑非常多状态。

自适应布局方式：1、使用float浮动；2、使用绝对定位absolute；3、margin负值法、4、使用flex属性（css3）