什么是響應式網頁設計？
響應式網頁設計（RWD）是設計師Ethan Marcotte在2010年創建的一個術語。此概念后來在他于2011年出版的名為“ 響應式網頁設計”的書中得以建立。基本思想是響應式設計將“響應”網頁瀏覽器的變化。通過調整各種設計元素的位置以適合任何可用大小的空間來調整寬度。

這使網站可以在各種屏幕尺寸上正確顯示，并且內容移動到適合瀏覽器窗口尺寸的位置。這與“獨立設計”相比，在“獨立設計”中，由于網站是為標準桌面尺寸構建的，因此用戶不得不在較小的屏幕上放大和縮小。在桌面上查看并調整瀏覽器窗口大小時，響應式Web設計非常明顯。頁面將流暢地調整。

較早采用靈活靈活的設計風格來使網站適應不斷增長的臺式機顯示器市場，然而，隨著手機和其他小型設備對互聯網的移動訪問開始超過臺式機訪問，RWD在2014年左右成為主流。

什么是自適應網頁設計？
網頁設計師Aaron Gustafson在大約與RWD相同的時間對概念化的網頁設計（AWD）進行了概念化，并在其2011年出版的書《自適應網絡設計：通過漸進式增強來創造豐富的經驗》中向公眾介紹了該概念。是的，很明顯，設計師的書使用了非常直接的標題！

AWD通過使用多個固定的布局尺寸來工作。該站點通過檢查可用空間來檢測Web瀏覽器的大小，然后通過選擇適合屏幕的布局進行調整。例如，如果在桌面上打開了AWD頁面，則站點將識別可用空間并選擇接近的固定布局。調整瀏覽器窗口的大小不會影響網站的外觀，因為此時布局已固定。

如果設計人員選擇在一種屏幕尺寸上使用與另一種屏幕尺寸不同的布局，則這可能會導致站點在各種屏幕尺寸上看起來都明顯不同。通常，使用AWD時，會根據常見的屏幕寬度（即320、480、760、960、1200和1600像素）設計六種設計。如果目標人群使用其他屏幕尺寸（例如平板電腦或上網本），則某些設計人員將包括其他屏幕寬度。