“响应式布局”一词已经成为现今互联网行业的一个超热门术语了,那什么叫做响应式布局呢?PC端+移动端就叫响应式布局?实际上,还是有很大一部分人分不清到底什么才叫做响应式布局。
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用大势所趋来形容也不为过。
下面主要讲一下大家存在的误区:
误区一:只要是PC端+移动端的网站就叫响应式布局
我们需要明确的是,采用响应式布局的网站,无论是在PC端还是移动端,都应该是同一个网址,是通过同一个域名来打开和显示其内容的。它能够根据各种终端设备的尺寸做出一定的调试,使整体的页面布局能达到最佳的浏览效果。
事实上,有很多网站其实不能称之为响应式的网站的,比如小米官网在PC端输入www.mi.com/出来的是官网,不过在移动端输入的时候,网址直接就跳转到m.mi.com/v2.html这里了,这种是通过对终端设备的判断,来决定打开哪一个网站更为合适。类似于这种方式,我们称之为“伪响应式”,因为它本质是两个不同的网站。
显然,伪响应式的技术含量很低,自然建站成本也低。但它对后期网站的维护和扩展也会产生一定的副作用,因为你需要维护两个甚至更多的网站。不过这并不是不可接受的,在建站预算有限的情况下,这也不失为一个折中的选择。
当然,如果采用响应式布局,不仅可以使网站变得更加轻量,而且,不同终端上统一的设计风格,会给浏览者增添更多的信任感。
误区二:响应式布局网站,就是移动端的网站
我们不能一味地认为响应式布局就是专门为移动建站而设计的。的确,响应式布局是在移动互联网诞生之后才出现的,最初的目的也是为了让网站版面对移动端可以表现的更为友好。但事实上,响应式布局是针对网站的一种制作方案,并不是针对专门的某个终端而设计的。它可以让网站适应任何一个终端,而不是在每个终端上去开发不同的网站。所以,我们可以不必纠结某个响应式网站到底是PC站,还是移动站,只要它能够响应各种终端,为访客带来最好的用户体验,就足够了。当然,我们也可以根据用户群的不同,为PC设计一套响应式网站,再为手机设计一套响应式网站,让两个网站都可以完美响应各种终端设备。
误区三:响应式布局就是做2套网站布局
很多人认为响应式网站就是做一套PC端的布局版式,再做一套移动端的布局版式,有2套布局就算响应式了。实际上这只是最初级的响应式布局,它甚至还不能很好地响应不同终端。如果我们要做的更为精细,或许要考虑PC端多种尺寸的屏幕,比如19寸、23寸,或者更大一些的屏幕,是不是要做一些布局微调,或设计出不同的布局方案。移动端也是一样,我们可以为手机,Pad等各种尺寸设备,设计不同的布局。甚至还可以考虑横屏和竖屏不同的显示方案。当然,这么做成本会大很多,但也说明响应式并不仅仅局限于2套网站的布局。
相信经过这样一番解释后,我们应该都能理解了什么叫“响应式布局”。