什么是响应式布局?
? ? ? ?今年很经常听到响应式布局,包括开始引入bootstrap作为前端UI的解决方案。到头来,对响应式布局的含意却一直是一无所知。
? ? ? ?百度了一下,响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。
? ? ? ?用通俗的话来讲,所谓的响应式布局(Responsive Design),简单可以理解为自适应屏幕大小进行展示,并且获得比较好的体验。
? ? ? ?其中,浏览器的兼容是很大的一个技术点,而布局设计是一个设计难点。?如果将响应式布局简单理解为浏览器兼容又大合适,这样的技术在很多年前就已经有提出并有解决方案。以前的浏览器兼容,屏幕大小是相似的,操作习惯是相同的,所以兼容只要不用浏览器或者平台展示的样子一模一样就可以。
? ? ? ?而响应式布局并不是说要展现得一样。比如说菜单,在PC可以是左右布局,直接展示。而在手机上,不应该是PC上的缩小版,而应该是菜单屏展示,类似手机原生应用,这就是所谓的不同媒介的适应性体验。
? ? ? 备记之。