隨著電子產(chǎn)品的發(fā)展，一種名為“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)”的網(wǎng)站誕生了。其根本含義是自適應(yīng)，也就是根據(jù)識(shí)別到的屏幕寬度調(diào)整相應(yīng)的網(wǎng)頁(yè)設(shè)計(jì)，是為了不讓用戶在瀏覽網(wǎng)頁(yè)界面時(shí)出現(xiàn)視覺(jué)差異。目前，國(guó)內(nèi)越來(lái)越多的網(wǎng)站是響應(yīng)式網(wǎng)站，Google也已做出支持響應(yīng)式網(wǎng)頁(yè)的明確表示。那么，響應(yīng)式網(wǎng)站有什么優(yōu)點(diǎn)和缺點(diǎn)呢？

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

1、可以提升互聯(lián)網(wǎng)移動(dòng)端客戶的用戶體驗(yàn)
目前，電腦的尺寸逐漸趨于多元化，移動(dòng)設(shè)備(智能手機(jī)和平板電腦)不斷普及，而當(dāng)下移動(dòng)端用戶都追求完美的用戶體驗(yàn)。而之前的網(wǎng)站普遍使用的960px寬度無(wú)法滿足不同設(shè)備和不同分辨率的序曲。在分辨率較高的電腦顯示屏上，網(wǎng)頁(yè)的兩邊空白過(guò)多，而在手機(jī)顯示屏上，內(nèi)容過(guò)小，需放大界面后左右拖拽界面才能看得更加清晰。響應(yīng)式網(wǎng)站根據(jù)不同的移動(dòng)終端、不同的屏幕尺寸和應(yīng)用環(huán)境，可以自動(dòng)調(diào)整界面的大小布局，可以為用戶提高更好的視覺(jué)效果。
2、設(shè)計(jì)成本低
相對(duì)于開(kāi)發(fā)不同大小的電腦、平板、手機(jī)網(wǎng)站來(lái)說(shuō)，響應(yīng)式網(wǎng)站可以結(jié)余設(shè)計(jì)成本。從設(shè)計(jì)角度來(lái)看，一般情況下，響應(yīng)式網(wǎng)站的頁(yè)面僅需設(shè)計(jì)兩套設(shè)計(jì)效果圖即可，電腦和平板客戶端可共用效果圖，手機(jī)客戶端使用一套效果圖。從前端的開(kāi)發(fā)角度來(lái)看，僅需根據(jù)臨界點(diǎn)給不同的終端開(kāi)發(fā)不一樣的三套css樣式即可，省去了開(kāi)發(fā)三套不同的前端代碼的費(fèi)用。從后期的維護(hù)角度來(lái)看，僅需專心的維護(hù)一個(gè)網(wǎng)站，不需要維護(hù)三個(gè)不同的網(wǎng)站。
3、SEO友好
響應(yīng)式的網(wǎng)站界面在不同的終端都有著友好的展示效果，因此用戶可以一直和網(wǎng)站保持著聯(lián)系?？梢酝ㄟ^(guò)URL的單一地址去搜集最佳的社交分享鏈接引擎。
Google之所以建議使用響應(yīng)式設(shè)計(jì)，是因?yàn)榫W(wǎng)頁(yè)的版本都有著同樣的HTML和同樣的內(nèi)容，這樣方便Google的處理。
4、可以保持網(wǎng)頁(yè)的原有鏈接

響應(yīng)式網(wǎng)站的缺點(diǎn)：

1、對(duì)于IE的老版本支持不好
對(duì)于老版本的IE(IE6、7、8)尤其是IE6的支持非常不好，這是一個(gè)非常知名的問(wèn)題，如果網(wǎng)站的大部分用戶都是用的是老版本IE，那么不建議制作響應(yīng)式網(wǎng)站。

2、靈活性差
由于不同設(shè)備終端的屬性不同，因此產(chǎn)品的用戶體驗(yàn)要求不同。內(nèi)容、功能多的網(wǎng)站不適合響應(yīng)式，如電商一類的網(wǎng)站如果在手機(jī)端顯示，不但制作成本高，而且難度非常大。還有一些視頻，小游戲的網(wǎng)站，在使用了響應(yīng)式設(shè)計(jì)之后，無(wú)法在移動(dòng)終端打開(kāi)，只能在電腦端打開(kāi)。那么這時(shí)候，要么放棄響應(yīng)式設(shè)計(jì)，要么就要修改游戲了。

3、手機(jī)移動(dòng)端打開(kāi)速度慢
因?yàn)轫憫?yīng)式的網(wǎng)站需要同時(shí)下載好多套CSS代碼，因此在手機(jī)上顯示時(shí)加載速度會(huì)比較慢。