什么是響應式網(wǎng)頁設計？

       響應式網(wǎng)頁設計（RWD）是設計師Ethan Marcotte在2010年創(chuàng)建的一個術語。此概念后來在他于2011年出版的名為“ 響應式網(wǎng)頁設計”的書中得以建立?；舅枷胧琼憫皆O計將“響應”網(wǎng)頁瀏覽器的變化。通過調整各種設計元素的位置以適合任何可用大小的空間來調整寬度。

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

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

什么是自適應網(wǎng)頁設計？

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

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

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

這個比那個好嗎？

       兩種設計方法均優(yōu)于舊的“獨立設計”，后者在屏幕尺寸改變時不會改變。但是，兩者之間在每種方法上都有明顯的利弊。

響應式設計–優(yōu)點

• 在所有設備之間進行統(tǒng)一設計，在設備之間進行切換時可提供更好，更統(tǒng)一的用戶體驗（UX）

• SEO友好

• 可以合并許多模板和樣式

• 相對容易實現(xiàn)