什么是响应式布局？

今年很经常听到响应式布局，包括开始引入bootstrap作为前端UI的解决方案。到头来，对响应式布局的含意却一直是一无所知。

       百度了一下，响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。

       用通俗的话来讲，所谓的响应式布局（Responsive Design），简单可以理解为自适应屏幕大小进行展示，并且获得比较好的体验。

       其中，浏览器的兼容是很大的一个技术点，而布局设计是一个设计难点。 如果将响应式布局简单理解为浏览器兼容又大合适，这样的技术在很多年前就已经有提出并有解决方案。以前的浏览器兼容，屏幕大小是相似的，操作习惯是相同的，所以兼容只要不用浏览器或者平台展示的样子一模一样就可以。

       而响应式布局并不是说要展现得一样。比如说菜单，在PC可以是左右布局，直接展示。而在手机上，不应该是PC上的缩小版，而应该是菜单屏展示，类似手机原生应用，这就是所谓的不同媒介的适应性体验。

      备记之。