在2010年，Ethan Marcotte提出了“Responsive Web Design”這個名詞，指可以自動識別屏幕寬度、并做出相應調整的網頁設計。使網站的頁面布局能夠根據不同設備和分辨率進行自動調整。然而翻譯成中文是，自適應網頁設計、響應式網頁設計。
換句話說，自適應網頁設計也是響應式網頁設計，響應式網頁設計也是自適應網頁設計。但是真正的細分起來，自適應只是響應式的一個子集，指網頁中整體大圖的自適應或者banner的自適應。響應式網頁(自適應網頁，下面我們都稱為“響應式網頁”)可以一個網站兼容多個不同終端。
響應式網頁設計優勢：流體網格的網站適合響應式網頁設計。
1、靈活性強，可以一個網站兼容多個不同終端;
2、方便快捷的解決多設備顯示適應問題;
雖然響應式/自適應網頁設計會帶來兼容各種設備，但是它也有缺點，工作量大、代碼累贅、加載時間長，它們能“一次設計，普遍適用”，可以根據屏幕分辨率自適應以及自動縮放圖片、自動調整布局，它們不只是技術的實現，更多的是對于設計的全新思維模式。對于這些缺點，然而后面的技術給響應式問題進行了優化。
(1)減輕Javascript庫負載
而現在針對移動端Javascript庫負載問題，有jQuery Mobile、YUI、XUI等可供選擇的框架解決方案。
(2)減少HTTP請求次數
移動端設配與PC端設備比較，有一個特殊的限制要想到，就是用戶的網絡流量是有限的(不過這個問題在一線城市還好一些，走到哪里都有無線網，但是總有沒有無線網的，多以忘了流量還是有限制的)。這時可對某些頁面內部的部分操作，用Ajax異步請求來完成，對短期內不會變化的一些數據，可用服務器端緩存、前端緩存等機制來保存這些數據，從而達到減少用戶一定的數據請求量。
(3)Javascript和CSS需要盡量壓縮
可使頁面中使用的Javascript和CSS進行壓縮。
(4)用CDN管理頁面資源
CDN的即內容分發網絡，意在盡可能避開互聯網上有可能影響數據傳輸速度和穩定性的環節，使內容傳輸的更穩定。
(5)列表圖片實現“懶”加載
因移動終端設備屏幕大小有限問題，可沒有必要將全屏中的圖片都一次性加載完成，網頁加載的同時，我們可以選擇逐個加載，當用戶進行滑動頁面的時候，再繼續加載圖片。
(6)圖片顯示的優化處理
依據用戶設備的分辨率來加載不同分辨率下的不同圖片，來達到更佳的用戶體驗，又不會白白浪費用戶的網絡數據流量。
海淘科技科技官網也是響應式網站，你可以在多個網絡終端，嘗試一番。你的想擁有更多的用戶群體，或者讓你的用戶不受網絡終端設備的限制，查看你的網站，查看你產品或服務的信息，可直接聯系海淘科技客服哦。海淘科技還提供了更多的app設計資訊。
