一、什么是響應式網(wǎng)頁(yè)設計？為什么要做響應式網(wǎng)頁(yè)設計？

1、響應式網(wǎng)頁(yè)設計的起因：在網(wǎng)速受限的互聯(lián)網(wǎng)時(shí)代，因為電腦終端和移動(dòng)終端在網(wǎng)速、屏幕尺寸、操作系統的不同，網(wǎng)頁(yè)設計必須制作成兩個(gè)不同的網(wǎng)頁(yè)格式，使得用戶(hù)方便使用同一個(gè)網(wǎng)站。用戶(hù)訪(fǎng)問(wèn)網(wǎng)站時(shí)，使用不同的移動(dòng)終端、電腦終端時(shí)，要訪(fǎng)問(wèn)不同的專(zhuān)門(mén)網(wǎng)站，即使先進(jìn)的手機，也會(huì )因為視覺(jué)問(wèn)題受到一定的閱讀視覺(jué)不足的影響。

2、響應式網(wǎng)頁(yè)設計的定義：響應式網(wǎng)頁(yè)設計就是網(wǎng)頁(yè)頁(yè)面的設計要設計做到，根據用戶(hù)的行為及使用設備的不同（系統平臺、屏幕定向、屏幕尺寸等）而進(jìn)行相應的影響和自動(dòng)調整。

3、響應式網(wǎng)頁(yè)設計的組成：它包括了網(wǎng)站文字內容、網(wǎng)頁(yè)彈性的網(wǎng)格和布局、網(wǎng)頁(yè)圖片、樣式CSS、視頻媒體、音頻媒體、腳本Javascript/Jquery的使用等。

4、響應式網(wǎng)頁(yè)設計的作用：無(wú)論用戶(hù)是在使用哪種屏幕代銷(xiāo)不同的筆記本、iPad、手機、移動(dòng)終端等，網(wǎng)站的頁(yè)面都能夠自動(dòng)切換分辨率，包括自動(dòng)切換圖片尺寸、視頻尺寸、網(wǎng)頁(yè)尺寸、文字顯示格式等內容，以適應不同設備，從而保證用戶(hù)的最佳閱讀體驗。

5、響應式網(wǎng)頁(yè)設計的意義：響應式網(wǎng)頁(yè)設計就是一個(gè)網(wǎng)站能夠兼容多個(gè)不同的終端，而不需要為每個(gè)用戶(hù)終端做一個(gè)特定的網(wǎng)頁(yè)版本。以前的Wap設計與Web設計就是一直分開(kāi)的，而在響應式網(wǎng)頁(yè)設計之后，將會(huì )大大改變。這樣，網(wǎng)頁(yè)設計的時(shí)候，就不在需要為適應不同的用戶(hù)終端，而去做專(zhuān)門(mén)定制的網(wǎng)頁(yè)甚至網(wǎng)站了。

二、響應式網(wǎng)站建設，亦有人稱(chēng)為回應式網(wǎng)頁(yè)設計（簡(jiǎn)稱(chēng)RWD），是一種新的手機友好的網(wǎng)頁(yè)設計模式，以此方式構建的網(wǎng)站可以自動(dòng)適應不同的訪(fǎng)問(wèn)設備（例如桌面電腦、平板電腦、智能手機），方便用戶(hù)閱讀和瀏覽網(wǎng)站內容，減少用戶(hù)放大/縮小/滑動(dòng)操作，提供更完整友好的用戶(hù)體驗。

之前談過(guò)建設手機網(wǎng)站的主要原因，是因為移動(dòng)互聯(lián)網(wǎng)的使用正在高速增長(cháng)，并且超越傳統PC的互聯(lián)網(wǎng)用戶(hù)。所以，企業(yè)急需考慮移動(dòng)裝置和手機友好的網(wǎng)頁(yè)設計，而現時(shí)企業(yè)解決網(wǎng)站跟移動(dòng)裝置和手機友好的問(wèn)題，一般有兩個(gè)方法：

1、建設手機網(wǎng)站

2、響應式網(wǎng)站建設

三、那么，響應式網(wǎng)站建設跟傳統網(wǎng)站設計，有哪些優(yōu)點(diǎn)和缺點(diǎn)？

傳統網(wǎng)站設計是專(zhuān)門(mén)針對互聯(lián)網(wǎng)時(shí)代的PC端而設計的，因此不能適應手機和移動(dòng)設備的需要；而響應式網(wǎng)站建設是因為移動(dòng)互聯(lián)網(wǎng)的需要而發(fā)展的新式設計技術(shù)，它既迎合了移動(dòng)設備的需要，又兼顧電腦的用戶(hù)訪(fǎng)問(wèn)。

因此，響應式網(wǎng)站建設比傳統網(wǎng)站設計，有以下的優(yōu)點(diǎn)：

1、一個(gè)移動(dòng)裝置和手機友好的網(wǎng)站，便可兼顧所有設備，無(wú)需單獨設計和維護手機網(wǎng)站，大大節省手機網(wǎng)站建設和營(yíng)運的成本。

2、網(wǎng)站可用性和訪(fǎng)客體驗更好。因為響應式網(wǎng)站設計需要考慮手機和移動(dòng)設備的性能及用戶(hù)的使用情況，所以設計盡量簡(jiǎn)約，避免傳統網(wǎng)站不必要的花俏設計，而更多考慮更好的體驗。

3、對搜索引擎更友好。

當然，響應式網(wǎng)站建設也有一些缺點(diǎn)：

1、無(wú)法兼容舊式瀏覽器；

2、在某些移動(dòng)設備上顯示效果和功能靈活性，比不上手機網(wǎng)站；

3、有些類(lèi)型的企業(yè)網(wǎng)站或應用，不適合響應式網(wǎng)站建設。

因此，在移動(dòng)互聯(lián)時(shí)代，企業(yè)要因自己的世紀情況和目標，選擇合適的網(wǎng)頁(yè)設計方案。對于大多數的中小企業(yè)來(lái)說(shuō)，響應式網(wǎng)站建設既能節省手機網(wǎng)站建設和營(yíng)運成本，又可為潛在客戶(hù)提供移動(dòng)裝置和手機友好的網(wǎng)站體驗，所以是新網(wǎng)站建設或現有網(wǎng)站改版升級的最佳選擇。