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

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

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

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

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

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