響應(yīng)式網(wǎng)頁設(shè)計（英語：Responsivewebdesign，通?？s寫為RWD），或稱自適應(yīng)網(wǎng)頁設(shè)計、回應(yīng)式網(wǎng)頁設(shè)計、對應(yīng)式網(wǎng)頁設(shè)計。是一種網(wǎng)頁設(shè)計的技術(shù)做法，該設(shè)計可使網(wǎng)站在不同的設(shè)備（從桌面計算機(jī)顯示器到移動電話或其他移動產(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è)計師EthanMarcotte所提出。

 

采用RWD設(shè)計的網(wǎng)站使用CSS3Mediaqueries，即一種對@media規(guī)則的擴(kuò)展，以及流式的基于比例的網(wǎng)格[9]和自適應(yīng)大小的圖像以適應(yīng)不同大小的設(shè)備：

 

流式網(wǎng)格概念要求頁面元素使用相對單位如百分比或字體排印學(xué)調(diào)整大小，而不是絕對的單位如像素或點(diǎn)。

 

靈活的圖像也以相對單位調(diào)整大小（最大到100%），以防止它們顯示在包含它們的元素外面。

 

Mediaqueries允許網(wǎng)頁根據(jù)訪問站點(diǎn)設(shè)備的特點(diǎn)而使用不同CSS樣式規(guī)則，最常用的是瀏覽器的寬度。

 

響應(yīng)式網(wǎng)頁設(shè)計變得更加重要，因?yàn)橐苿恿髁楷F(xiàn)在占互聯(lián)網(wǎng)流量的一半以上。因此，谷歌宣布移動設(shè)備時代的到來（Mobilegeddon）（2015年5月），并開始提高移動友好的網(wǎng)站的評級，如果搜索是被從一個移動設(shè)備發(fā)起。我們專業(yè)響應(yīng)式外貿(mào)網(wǎng)站設(shè)計、外貿(mào)推廣歡迎咨詢！