其實今天元大人之所以寫這個響應(yīng)式網(wǎng)站是因為近兩年響應(yīng)式網(wǎng)站確實很火，很多客戶通過業(yè)務(wù)員的介紹感覺神乎其神，甚至網(wǎng)站業(yè)務(wù)員說得自己都相信了，把自己都騙了，覺得響應(yīng)式無所不能，非常好。其實響應(yīng)式并不是沒有缺點，準(zhǔn)確的說也有很多致命的缺點。

什么是響應(yīng)式網(wǎng)站?

響應(yīng)網(wǎng)站設(shè)計應(yīng)根據(jù)用戶使用的設(shè)備的分辨率大小進(jìn)行相應(yīng)的響應(yīng)與調(diào)整，大限度滿足不同設(shè)備用戶體驗需求。響應(yīng)式網(wǎng)站設(shè)計就是一個網(wǎng)站能夠兼容多個終端，不需要為每個終端做一個特定的版本。簡單地理解：一個響應(yīng)式網(wǎng)站＝手機網(wǎng)站＋pad端網(wǎng)站＋PC網(wǎng)站。具體的實現(xiàn)方式由多方面決定，包括彈性網(wǎng)格、彈性圖片、CSS媒體查詢（media query）的使用等。

彈性網(wǎng)格（flexible grids）

可基于屏幕分辨率擴展或拉伸內(nèi)容。

彈性圖片（flexible grids）

在小屏幕上可縮小尺寸，并可擴展大大尺寸以支持大屏幕。

媒體查詢（media queries）

是放在站點HTML和樣式表中的代碼段，用來收集設(shè)備顯示能力的信息以支持多種形式的界面。

下面元大人就給大家總結(jié)一下響應(yīng)式網(wǎng)站的優(yōu)缺點吧 。

響應(yīng)式網(wǎng)站優(yōu)點

1:用戶體驗友好

隨著電腦尺寸多元化，智能設(shè)備（pad/智能手機）普及化，在當(dāng)下追求用戶體驗至上的時代（2016年），之前網(wǎng)站普遍使用固定的寬度（960px或1000px）逐漸滿足不了現(xiàn)在不同設(shè)備與不同分辨率需求。在高分辨率電腦寬屏顯示器上，兩邊留白過多。在手機上顯示，內(nèi)容顯示過小，用戶為了看清楚，首先需要放大界面，再左右拖拖界面。響應(yīng)式網(wǎng)站可以根據(jù)不同終端、不同尺寸和不同應(yīng)用環(huán)境，自動調(diào)整界面布局、展示內(nèi)容、內(nèi)容大小，提供非常好視覺展示效果，一致性友好體驗。

2:SEO友好

由于響應(yīng)網(wǎng)站在不同終端有友好的界面展示效果，用戶可以與網(wǎng)站一直保持聯(lián)系，比如URL不變積累分享；通過單一的URL地址收集所有的社交分享鏈接化搜索用引擎。搜索引擎也在變得越來越聰明，它們足夠智能可以完成移動網(wǎng)站和桌面網(wǎng)站的連接。

3:多個網(wǎng)站只需一個后臺即可完成全部網(wǎng)站設(shè)計，無需額外增加負(fù)擔(dān)。說到這里你也許會說不做響應(yīng)式的網(wǎng)站，做個手機站也可以數(shù)據(jù)同步，一個后臺。說得非常對，但是這只限于維護一般的新聞內(nèi)容與產(chǎn)品等，并不是所有內(nèi)容都可以一站同步。比如網(wǎng)站banner上與一些特定地方的圖片尺寸，就需要分兩次裁剪吧。

響應(yīng)式網(wǎng)站缺點

1:對低版本瀏覽器兼容性不友好

對于老版本瀏覽器支持不好，這是一個致命的問題。老版本瀏覽器上打開響應(yīng)式網(wǎng)站會經(jīng)常出現(xiàn)圖片顯示不全，排版錯亂等情況。

2:靈活性有所欠缺

基于不同終端的設(shè)備屬性不同，對產(chǎn)品用戶體驗要求就會截然不同。內(nèi)容比較多帶有功能性的網(wǎng)站不適合做響應(yīng)式網(wǎng)站設(shè)計，如：電商類型網(wǎng)站，寬屏的pc端內(nèi)容如果全部要在手機端進(jìn)行展示，勢必導(dǎo)致手機端的界面非常長，需要根據(jù)手機端屬性進(jìn)行重新信息框架設(shè)計，這樣對響應(yīng)網(wǎng)站要求非常高，實現(xiàn)難度與成本非常高。但是大型網(wǎng)站為了提高用戶體驗，通常做法，把高分辨率寬屏網(wǎng)站最小的響應(yīng)尺寸響應(yīng)到1024px，不再適配手機端，手機端重新設(shè)計開發(fā)一套手機網(wǎng)站，簡單理解為2.5響應(yīng)，如：電商網(wǎng)站亞馬遜、Calvin Klein、Nike、視頻網(wǎng)站Youtube等。

3:速度可能會變慢

由于響應(yīng)式頁面是同時下載多套CSS樣式代碼，可能在手機上就下載PC、Pad的冗余代碼，導(dǎo)致文件變大，影響加載速度。不過CSS樣式的代碼占用內(nèi)存相對圖片來說不算大，所以如果前端編程處理得好前提之下，這就不會影響網(wǎng)站加載速度。

4:開發(fā)成本較高

這個價格預(yù)算問題也往往是大家最關(guān)心的一個問題，說到這里大家可能覺得奇怪，響應(yīng)式網(wǎng)站只是一個網(wǎng)站，為什么比手機站與電腦站分開做兩個要貴！主要原因是：

一、企業(yè)網(wǎng)站定制最重要的成本就是人力成本，響應(yīng)式網(wǎng)站制作需要資深設(shè)計師與資深程序員。而獨立制作各版本只需要普通設(shè)計師和普通工程師即可，但是響應(yīng)式網(wǎng)站開發(fā)則必須資深設(shè)計師和資深程序員才能搞定，所以導(dǎo)致非常大的區(qū)別。資深設(shè)計師與程序員與普通的對比，這個道理大家都懂得，所以響應(yīng)式網(wǎng)站價格較高。

二、響應(yīng)式網(wǎng)站需要注意的細(xì)節(jié)太多，比如一個普通的JS效果，需要考慮3-4個終端的區(qū)別，編寫的JS代碼兼容性要非常好，根據(jù)以往開發(fā)經(jīng)驗，這樣的細(xì)節(jié)注意要比普通網(wǎng)站多3-5倍。細(xì)節(jié)注意多了，開發(fā)周期就比較久，工時就是這樣上來的。

三、市面上很多響應(yīng)式網(wǎng)站往往是不考慮網(wǎng)速的，在移動端和PC端需要加載的頁面數(shù)據(jù)往往是一樣多，導(dǎo)致的結(jié)果是，如果用戶采用2G\3G的網(wǎng)速，不但速度慢而且耗流量。一個好的響應(yīng)式網(wǎng)站不應(yīng)該是這樣的，但是做到這點需要的技術(shù)難度確是非常高，所以這也導(dǎo)致成本增加。

溫馨提示 ：企業(yè)是否做響應(yīng)式網(wǎng)站，取決于對自身網(wǎng)站的定位。若是一般的企業(yè)官網(wǎng)，網(wǎng)站內(nèi)容較少，預(yù)算又充足，對網(wǎng)站頁面要求較高的客戶可考慮做響應(yīng)式網(wǎng)站。

若是想做功能型網(wǎng)站，網(wǎng)站內(nèi)容較多，擇需要電腦手機分開做。其實大家稍微注意一下就明白了。響應(yīng)式真的那么好，為什么京東不做呢，天貓?zhí)詫毑蛔瞿亍Ｒ皇羌夹g(shù)實現(xiàn)太難，二是確實不適合做這些功能型網(wǎng)站。

分享文章：響應(yīng)式網(wǎng)站優(yōu)缺點！
當(dāng)前路徑：http://jinyejixie.com/news/151845.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有響應(yīng)式網(wǎng)站等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)