響應(yīng)式網(wǎng)頁設(shè)計（Responsive web design，通常縮寫為RWD），或稱自適應(yīng)網(wǎng)頁設(shè)計、回應(yīng)式網(wǎng)頁設(shè)計、對應(yīng)式網(wǎng)頁設(shè)計。
擴(kuò)展閱讀：“響應(yīng)式網(wǎng)頁設(shè)計與手機(jī)版網(wǎng)站區(qū)別分析”
是一種網(wǎng)頁設(shè)計的技術(shù)做法，該設(shè)計可使網(wǎng)站在不同的瀏覽設(shè)備（從桌面電腦顯示器到行動電話或其他行動產(chǎn)品瀏覽設(shè)備）上瀏覽時對應(yīng)不同解析度皆有適合的呈現(xiàn)，減少使用者進(jìn)行縮放、平移和卷動等操作行為。
對于網(wǎng)站設(shè)計師和前端工程師來說，有別于過去需要針對各種瀏覽設(shè)備進(jìn)行不同的設(shè)計，使用此種設(shè)計方式將更易于維護(hù)網(wǎng)頁。
此概念于2010年5月由國外著名網(wǎng)頁設(shè)計師Ethan Marcotte所提出。
RWD響應(yīng)式網(wǎng)頁，如同水一樣，遇到怎樣的容器（屏幕）就變成怎樣的形狀，如下圖
采用RWD設(shè)計的網(wǎng)站使用CSS3 Media queries，即一種對@media規(guī)則的擴(kuò)充功能，以及串流的基于比例的網(wǎng)格和自適應(yīng)大小的圖像以適應(yīng)不同大小的瀏覽設(shè)備：
串流網(wǎng)格概念要求頁面元素使用相對單位如百分比或字型排印學(xué)調(diào)整大小，而不是絕對的單位如像素或點。
靈活的圖像也以相對單位調(diào)整大?。ㄗ畲蟮?00%），以防止它們顯示在包含它們的元素外面。
Media queries允許網(wǎng)頁根據(jù)存取站點瀏覽設(shè)備的特點而使用不同CSS樣式規(guī)則，最常用的是瀏覽器的寬度。
回應(yīng)式網(wǎng)頁設(shè)計變得更加重要，因為移動流量現(xiàn)在占網(wǎng)際網(wǎng)路流量的一半以上。
因此，Google宣布行動瀏覽設(shè)備時代的到來（Mobilegeddon）（2015年4月21日），并開始提高移動友好的網(wǎng)站的評級，如果搜尋是被從一個行動瀏覽設(shè)備發(fā)起。
GOOGLE及百度都喜歡RWD響應(yīng)式設(shè)計
1.使用單一網(wǎng)址，減少重復(fù)的內(nèi)容
2.降低網(wǎng)頁跳離率(Bounce Rate)，流暢的瀏覽動線規(guī)劃
3.提高網(wǎng)頁可用性，
