什么叫响应式布局

前端继续学习中。在CSS样式中看到响应式布局。感觉好高大上的样子。特意查询相关资料，整理如下。
简单点说，就是页面排版布局能够兼容多个终端设备。要知道每个设备，尤其是移动端设备，各种尺寸。
说的再多，不如图片来的直观。下面是知乎网页贴的图片，借过来展示下，当屏幕由大变小时，一目了然： https://www.zhihu.com/question/20976405

伊桑·马科特（Ethan Marcotte）在2010年首先提出了响应式网页设计的概念。这么说来有些年头了。
考虑到现在智能手机越来越普及了，它们也可以方便的打开网页，但流量和布局是需要考虑的。当然，以前那种分开单独做一个手机页面的版本，现在也有些过时啦。既然同一个页面，不同的屏幕，自然显示不同的内容，总的来说，还是以内容为基准点，分清楚主次来显示。所以说，响应式布局和自适应布局，还是有些不同的。自适应更多的是强调内容显示正确性，而响应式布局强调的是内容主次性。

当然，好多时候，响应式布局也还是自适应布局的玩法，通过css控制div，百分比，最大值最小值，截断…不过有人提出一个错的经验，用Icon Font矢量图标，占用空间小，可控性高。bootstrap上就用。

总之，利用媒介查询(meida query)，给用户舒适的想看的内容。over