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

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

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

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

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

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