Ethan Marcotte在2010年5月份提出的一個概念---響應(yīng)式網(wǎng)站設(shè)計，就是一個網(wǎng)站能夠兼容多個終端，而不是為每個終端做一個特定的版本。隨著越來越多的設(shè)計師采用這個技術(shù)，我們不僅看到很多的創(chuàng)新，還看到了一些成形的模式。

　　(Responsive Web Design)自響應(yīng)網(wǎng)頁設(shè)計/自適應(yīng)網(wǎng)頁設(shè)計，是指網(wǎng)頁能自動識別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計。如果每個網(wǎng)站為此就得制作一個App，成本高且安裝率低，完全沒有必要，所以自適應(yīng)網(wǎng)頁設(shè)計其實才是未來的趨勢，尤其小網(wǎng)站。主要是針對現(xiàn)在互聯(lián)網(wǎng)用戶使用多種終端瀏覽同一個網(wǎng)頁的行為趨勢。這個概念是為解決移動互聯(lián)網(wǎng)瀏覽而誕生的。而且隨著目前大屏幕移動設(shè)備的普及，用大勢所趨來形容也不為過。響應(yīng)式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗。

　　從技術(shù)上講，如果一個項目是從一個較小的屏幕開始，變成較大的屏幕(mobile優(yōu)先)，還是反過來(desktop優(yōu)先)，并沒有太大的差別。然 而它還是增加了額外的限制，可以幫助你決定是否從mobile優(yōu)先開始。響應(yīng)式Web設(shè)計意味著你無需把網(wǎng)站制作成多個版本，如移動版、桌面版或者PC版等，它會根據(jù)設(shè)備的分辨率和縮放自動重新布局，使網(wǎng)頁能夠適應(yīng)不同的設(shè)備，并且用戶看到的是相同的內(nèi)容。通常大家在一開始的時候都會兩端一起寫，所以，還是看看哪個運行起來更好。

　　在他們的設(shè)計中，微軟保持了桌面版上的所有元素，即使是從其他設(shè)備上來查看。但桌面版和移動版最大的區(qū)別是移動版僅僅沒有足夠的空間或者瀏覽器記憶來給一個單頁提供如此豐富的內(nèi)容。設(shè)計師提出了響應(yīng)式布局的設(shè)計方案。所謂的響應(yīng)式布局，就是一個網(wǎng)站設(shè)計能夠兼容多個終端——而不是為每個終端做一個特定的版本。也就說一個頁面可以在多個終端呈現(xiàn)出你想要的效果，能夠兼容各個終端。響應(yīng)式布局是現(xiàn)在很流行的一個設(shè)計理念，隨著移動互聯(lián)網(wǎng)的盛行，為解決如今各式各樣的瀏覽器分辨率以及不同移動設(shè)備的顯示效果，優(yōu)點：根據(jù)不同的顯示器調(diào)整設(shè)計最適合用戶瀏覽習慣的頁面，面對不同分辨率設(shè)備靈活性強，能夠快捷解決多設(shè)備顯示適應(yīng)問題。