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

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

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

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

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

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

3、手機(jī)移動端打開速度慢
因為響應(yīng)式的網(wǎng)站需要同時下載好多套CSS代碼，因此在手機(jī)上顯示時加載速度會比較慢。