“响应式布局(ju)”已经(jing)成为现今网(wang)站(zhan)建设方案中的(de)(de)热门术语，随着HTML5技术的(de)(de)发展，它(ta)将很快从一种(zhong)趋势变为常规。但目(mu)前，很多客户，甚(shen)至互联(lian)网(wang)从业(ye)者(zhe)，并没有完全认(ren)识响应式布局(ju)的(de)(de)本质，他(ta)们经(jing)常被以下(xia)误区所迷惑：

误区一(yi)：只要是(shi)“PC端 + 移(yi)动端”的网(wang)站就是(shi)响(xiang)应式布局

首先(xian)，我们要(yao)明确一点，采用响应式布局的网站(zhan)，无(wu)论(lun)在哪个终端，都是同一个网站(zhan)，且都通过同一个域名来打开和显示网站(zhan)内容。它(ta)会(hui)根据终端屏幕的尺寸，调整排版布局，以达(da)到浏览效果。

事 实(shi)上，很多网站(zhan)是通过在(zai)PC端(duan)(duan)和(he)移(yi)动端(duan)(duan)搭建(jian)两(liang)个(ge)不同的(de)网站(zhan)，并为(wei)它们分别绑定两(liang)个(ge)域名(ming)，例(li)如(ru)：www.website.com 和(he) mobi.website.com 用于(yu)(yu)打(da)开(kai)PC站(zhan)和(he)移(yi)动站(zhan)。然后(hou)，通过对终端(duan)(duan)设备的(de)判断，来决定打(da)开(kai)哪(na)一个(ge)网站(zhan)更为(wei)合适。类(lei)似于(yu)(yu)这种建(jian)站(zhan)方式，我们称之(zhi)为(wei)“伪响应(ying)式”，因为(wei)它本质两(liang)个(ge)不同 的(de)网站(zhan)而已。

显然(ran)，伪响应式的(de)(de)技术含量很(hen)低，自然(ran)建站成本也低。但它对后期网站的(de)(de)维护和扩展也会产生一(yi)定(ding)的(de)(de)副(fu)作(zuo)用，因(yin)为(wei)(wei)你(ni)需(xu)要维护两个甚(shen)至(zhi)更多(duo)的(de)(de)网站。不(bu)(bu)过这(zhei)并不(bu)(bu)是不(bu)(bu)可(ke)接(jie)受的(de)(de)，在建站预(yu)算有限的(de)(de)情况下，这(zhei)也不(bu)(bu)失为(wei)(wei)一(yi)个折(zhe)中(zhong)的(de)(de)选择。

当然，如果采用响应式布(bu)局，不仅可(ke)以(yi)使(shi)网站变(bian)得(de)更(geng)加(jia)轻量，而且，不同终端上(shang)统(tong)一的(de)设计风格，会给浏览者增添更(geng)多(duo)的(de)信(xin)任感。

误区(qu)二：响应式布局(ju)网站，就是移动端的(de)网站

我们早在(zai)《响(xiang)应(ying)式布(bu)局(ju)的(de)设计思路》一文中(zhong)就提到过，不能一味地(di)认为(wei)响(xiang)应(ying)式布(bu)局(ju)就是(shi)专门为(wei)移(yi)(yi)动建(jian)站而设计的(de)。的(de)确，响(xiang)应(ying)式布(bu)局(ju)是(shi)在(zai)移(yi)(yi)动互联(lian)网(wang)诞生之(zhi)后才出现的(de)，目的(de)也(ye)是(shi)为(wei)了让网(wang)站版面对移(yi)(yi)动端可以表现的(de)更(geng)为(wei)友好。

但事实上，响应式布(bu)局是(shi)针(zhen)对网(wang)站的(de)一种制作方案，并不是(shi)针(zhen)对专(zhuan)门的(de)某个(ge)终(zhong)(zhong)端而(er)设计的(de)。它可(ke)以(yi)让网(wang)站适应任何(he)一个(ge)终(zhong)(zhong)端，而(er)不是(shi)在每(mei)个(ge)终(zhong)(zhong)端上去开发不同的(de)网(wang)站。

所以，你可以不必(bi)纠结某个(ge)响(xiang)(xiang)(xiang)应(ying)(ying)式(shi)网(wang)站(zhan)到底是PC站(zhan)，还是移动站(zhan)，只要它能够(gou)响(xiang)(xiang)(xiang)应(ying)(ying)各种终(zhong)端(duan)，为(wei)访客带来好的(de)用户体验，就足够(gou)了。当然(ran)，你也(ye)可以根(gen)据用户群的(de)不同，为(wei)PC设(she)计一套(tao)响(xiang)(xiang)(xiang)应(ying)(ying)式(shi)网(wang)站(zhan)，再为(wei)手机(ji)设(she)计一套(tao)响(xiang)(xiang)(xiang)应(ying)(ying)式(shi)网(wang)站(zhan)，让两个(ge)网(wang)站(zhan)都可以响(xiang)(xiang)(xiang)应(ying)(ying)各种终(zhong)端(duan)设(she)备。

误区三(san)：响应式布(bu)局就是(shi)做2套(tao)网站布(bu)局

很多人认为响(xiang)应(ying)式(shi)网站就(jiu)是做一(yi)套PC端的(de)布(bu)局(ju)(ju)版(ban)式(shi)，再做一(yi)套移动端的(de)布(bu)局(ju)(ju)版(ban)式(shi)，有(you)2套布(bu)局(ju)(ju)就(jiu)算响(xiang)应(ying)式(shi)了。实际上这只是初级的(de)响(xiang)应(ying)式(shi)布(bu)局(ju)(ju)，它甚至(zhi)还不能很好地响(xiang)应(ying)不同(tong)终端。

如 果我们要做(zuo)的(de)更(geng)为精细(xi)，或(huo)许要考虑PC端多(duo)种尺寸(cun)(cun)的(de)屏(ping)幕(mu)，比如19寸(cun)(cun)、23寸(cun)(cun)，或(huo)者更(geng)大一些的(de)屏(ping)幕(mu)，是不(bu)是要做(zuo)一些布局微调，或(huo)设计出(chu)不(bu)同(tong)的(de)布局方(fang)案。移 动(dong)端也是一样，我们可以为Pad、手机、iWatch、gGlass等(deng)设备，设计不(bu)同(tong)的(de)布局。甚至还可以考虑横(heng)屏(ping)和竖屏(ping)不(bu)同(tong)的(de)显示方(fang)案。当然，这么做(zuo)成(cheng)本 会(hui)大很多(duo)，但(dan)也说(shuo)明响应式并不(bu)仅(jin)仅(jin)局限于(yu)2套(tao)网站的(de)布局。

，我们(men)来推(tui)荐一款响应式(shi)布(bu)局(ju)检测(ce)，你(ni)的网站是不是响应式(shi)布(bu)局(ju)，拿(na)照(zhao)(zhao)妖镜来照(zhao)(zhao)一照(zhao)(zhao)便(bian)知(zhi)！