1. 什么是響應式網頁設計？
1.1 響應式網頁設計的概念
響應式網頁（Responsive Web Design，通常縮寫RWD）的概念是Ethan Marcotte在2010的時候，在他A List Part的文章中提出來的：網頁設計應該要根據不同設備環境靈活轉換和調整，能夠適應不同顯示設備的分辨率大小，如臺式電腦、筆試本電腦、平板、手機等等，同時減少縮放、平移和滾動。
e.g.
1.2 響應式網頁設計與自適應網頁設計的區別？
自適應網頁設計與響應式網頁設計的概念區別好像眾說紛紜，但目前個人覺得好像對業界來說，過分糾結這兩者的意義也不大，大略了解下便可，最重要的是找到最適合自己網站的設計、采用最適合的技術。
這兩個概念的提出都是基于越來越多的終端設備的出現背景，都旨在使用技術來使網頁能夠從小到大來適應不同分辨率的屏幕。有說法是：響應式網頁設計是自適應網頁設計保護的一個子集。
響應式網頁設計的概念是Ethan Marcote在他的文章中提出的：響應式網頁設計是采用CSS的media query技術，配合流體布局（fluid grids）和可以自適應的圖片視頻等資源素材。這是通過HTML和CSS就可實現的。而且，響應式設計是采用流體+斷點（break point）的，在遇到斷點改變頁面樣式之前，頁面是會隨著窗口大小自動縮放的（fluid grids）。響應式設計是傾向于在不改變內容的前提下，改變呈現的外觀布局。
自適應設計是Aaron Gustafson提出的，他提出自適應設計是在使用響應式的CSS media query技術之外，還要通過Javascript來操作HTML來讓網頁更加適應移動設備。且自適應設計是在針對特定幾種分辨率進行優化（e.g. 1280px, 800px, 640px），在斷點之間的過渡較少。自適應設計還可能會根據移動端情況來減少部分功能和內容。
2. 響應式網頁設計的優缺點是什么？
1.1 優點
①跨平臺：響應式網頁設計本身最大的特點；
②節省開發成本：不用根據不同設備來進行開發維護；
③在不同平臺上的表現內容保持一致性，體驗良好；
1.2 缺點
①局限性大，自由度低：因為在設計時要考慮不同設備的呈現效果，必然會導致在設計表現方式等方面會有更多的局限性；
②會影響加載速度，也會導致不必要的流量浪費：為了適配不同的設備，響應式頁面需要大量為不同設備打造的CSS樣式代碼，這樣便會影響頁面的加載速度。而且頁面中圖片視頻資源一般是統一加載，因而在低分辨率的設備上，會加載了大于它顯示要求的圖片視頻，這也會影響加載速度且導致流量浪費。當用戶在網絡狀態不良好的情況下打開網頁時，可能會造成很不好的體驗；
③部分瀏覽器的支持問題：對于非webkit內核的瀏覽器支持極差，不過目前來說這個問題應該不大了。
3. 小結
響應式網頁設計是給不同設備的用戶都提供一樣的內容，但根據不同設備的狀況來分別設計，能夠更加充分地發揮出不同設備的優勢來。
雖然響應式網頁設計有著它很明顯的優勢，但使用與否，還是需要慎重考慮是否符合自己網頁的頁面類型。像對于內容型資訊型的網站，它們的頁面結構較為簡單，確實適合響應式頁面，能夠在保證各個設備都能被良好設計和呈現的局限條件下，減少對不同設備的開發成本。但對于大型門戶網站、電商網站來說，它們的頁面內容非常多，響應式網頁設計恐怕就不適合它們了。像天貓、淘寶，如果要在適配網頁端和移動端的局限條件下設計網頁，就要舍棄掉很多的設計可能性了，響應式網頁設計帶來的成本減少可能也會極大地減少了它收益。這還不如為網頁、移動端分別來設計，以得到一個最適合網頁端的設計和最適合的移動端的設計，以最大化自身的收益。
