響應式網(wang)頁(ye)已經成(cheng)為當下(xia)比(bi)較主(zhu)流的設計形式，似乎每一個(ge)(ge)人都(dou)在談(tan)論，但實(shi)際上并不是每一個(ge)(ge)人都(dou)真的懂得。以下(xia)總結(jie)了在進行響應式網(wang)頁(ye)設計時的20個(ge)(ge)誤區，你可以看看自身是否存在入其中所說的問題。

       1.響應式網頁設計 = 移動端優化    

       是(shi)(shi)的(de)，當(dang)(dang)下(xia)確實移動互聯網(wang)發展迅猛(meng)，所以響(xiang)應式網(wang)頁設(she)計一直(zhi)被當(dang)(dang)作重點(dian)，而且在概(gai)念(nian)上是(shi)(shi)主角。但(dan)它也不是(shi)(shi)唯(wei)一，因為你還(huan)要考慮到設(she)備。如(ru)：平板和電視。響(xiang)應式網(wang)頁的(de)真正目的(de)是(shi)(shi)使網(wang)頁適應任何屏幕，任意比例和寬度(du)的(de)互聯網(wang)產(chan)品。這些遠遠超出了手機的(de)范(fan)疇。    

       2.盡可能在多樣的設備上測試    

       在設計(ji)領域，大多(duo)數設計(ji)師在設計(ji)他們的網(wang)(wang)站時(shi)，只會在少量的設備上測(ce)試(shi)，做響(xiang)應式網(wang)(wang)站的時(shi)候也(ye)一樣。要(yao)測(ce)試(shi)完所有(you)設備是不可能的。其實應該根(gen)據自己的用(yong)戶進(jin)行有(you)針對性的測(ce)試(shi)，這樣操(cao)作(zuo)性更(geng)強。    

       3.字體不用優化    

       不(bu)幸的是(shi)，太多設計師(shi)覺得(de)這點是(shi)對(dui)的。他們(men)注重(zhong)在設備(bei)和(he)網頁(ye)上的大(da)小，卻不(bu)注重(zhong)用戶實際看(kan)到的大(da)小，一(yi)個網站必須有很強的可讀性，而且響應式網站字體(ti)的考(kao)慮是(shi)非常重(zhong)要的。    

       4.一種適配經驗是不夠用的    

       人們希望可以接入(ru)不同的(de)設備(bei)，這讓(rang)設計師(shi)抓(zhua)狂(kuang)。這也讓(rang)設計師(shi)覺(jue)得網站必(bi)須(xu)適應用戶(hu)的(de)每個(ge)定制化的(de)設備(bei)。其實這個(ge)不難(nan)，你(ni)(ni)可以很容易讓(rang)你(ni)(ni)的(de)網站適配各個(ge)設備(bei)。    

       5. 響應式網頁因為加載內容太多，所以慢    

       人們在(zai)想象中時(shi)這樣的，但是這不(bu)公平，有很多(duo)小(xiao)規(gui)范的網站內容(rong)巨多(duo)，但是加載迅速(su)，順利，表明這些問(wen)題不(bu)是設(she)計的問(wen)題，錯(cuo)在(zai)頁面加載速(su)度，這是代碼優化問(wen)題。    

       6. 響應式網頁不必讓每個用例都可以用    

       這是極其(qi)錯誤的(de)，因為用(yong)例是響應式(shi)網頁的(de)重(zhong)點。設計者(zhe)必須考慮到每一(yi)個用(yong)例，并且測試(shi)所(suo)有他們的(de)設備(bei)。你的(de)用(yong)戶會希望(wang)在任何(he)時(shi)候來使用(yong)你的(de)網站(zhan)。    

       7.響應式網頁不適合電商    

       假的(de)(de)，雖(sui)然(ran)電商網站內容(rong)多，但是(shi)響應(ying)式網頁是(shi)很適合零(ling)售(shou)業務的(de)(de)。實際上，這已(yi)經成為一(yi)種必(bi)然(ran)，由Juniper Research公(gong)司(si)進(jin)行的(de)(de)一(yi)項研(yan)究表明，到2018年，所有的(de)(de)線上交易(yi)中(zhong)有30%會在移動(dong)(dong)設備上進(jin)行。此外2014年開始移動(dong)(dong)購物者人數已(yi)經從3.93億發展到5.8億，這可以說明響應(ying)式網頁在電商方(fang)面的(de)(de)潛力(li)。    

       8.響應式網頁設計很費時間    

       這(zhe)個是可能(neng)的(de)，確實(shi)要多花一些(xie)時(shi)間(jian)去考慮響應(ying)式(shi)效果(guo)，但(dan)是也并不多。其實(shi)，你只(zhi)要創建了(le)共同的(de)適配代碼庫和內容基礎。而且越來越多的(de)公(gong)司開(kai)發響應(ying)式(shi)框(kuang)架，這(zhe)使得我們不需要花太(tai)多時(shi)間(jian)去做同樣(yang)的(de)事情(qing)。    

       9.每個人和公司都需要“擁抱”響應式?    

       不是(shi)每(mei)個(ge)人都(dou)看到(dao)了響應(ying)式網(wang)頁(ye)設計的(de)價值。它(ta)意味(wei)著用最(zui)大的(de)可(ke)能(neng)給用戶提供(gong)信(xin)息，但(dan)是(shi)這也不是(shi)說(shuo)一個(ge)公(gong)司(si)要想成功就必(bi)須(xu)把(ba)自(zi)(zi)己的(de)網(wang)站做(zuo)成響應(ying)式的(de)。因(yin)為這需要企(qi)業考慮(lv)自(zi)(zi)己的(de)投入產出比(bi)，公(gong)司(si)根據情況去覺得是(shi)否(fou)需要它(ta)。    

       10.響應式網頁需要支持所有的瀏覽器?    

       負責響應式網(wang)頁(ye)(ye)開發(fa)的(de)部門將(jiang)(jiang)會持續優化網(wang)頁(ye)(ye)，但是(shi)這(zhe)并不(bu)(bu)意味著(zhu)它要(yao)支持所有的(de)手機瀏(liu)(liu)覽器(qi)。它一般只用(yong)支持以下瀏(liu)(liu)覽器(qi)：Chrome,Firefox和(he)Safari。你將(jiang)(jiang)很難(nan)讓其支持IE的(de)舊版本。這(zhe)是(shi)蠻好的(de)事情，因為用(yong)戶發(fa)展不(bu)(bu)支持就(jiu)會去升級自(zi)己(ji)的(de)瀏(liu)(liu)覽器(qi)。