返回
頂部
頂部
Ethan Marcotte在2010年5月份提出的一個概念---響應式網站設計，就是一個網站能夠兼容多個終端，而不是為每個終端做一個特定的版本。隨著越來越多的設計師采用這個技術，我們不僅看到很多的創新，還看到了一些成形的模式。
(Responsive Web Design)自響應網頁設計/自適應網頁設計，是指網頁能自動識別屏幕寬度、并做出相應調整的網頁設計。如果每個網站為此就得制作一個App，成本高且安裝率低，完全沒有必要，所以自適應網頁設計其實才是未來的趨勢，尤其小網站。主要是針對現在互聯網用戶使用多種終端瀏覽同一個網頁的行為趨勢。這個概念是為解決移動互聯網瀏覽而誕生的。而且隨著目前大屏幕移動設備的普及，用大勢所趨來形容也不為過。響應式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗。
從技術上講，如果一個項目是從一個較小的屏幕開始，變成較大的屏幕(mobile優先)，還是反過來(desktop優先)，并沒有太大的差別。然 而它還是增加了額外的限制，可以幫助你決定是否從mobile優先開始。響應式Web設計意味著你無需把網站制作成多個版本，如移動版、桌面版或者PC版等，它會根據設備的分辨率和縮放自動重新布局，使網頁能夠適應不同的設備，并且用戶看到的是相同的內容。通常大家在一開始的時候都會兩端一起寫，所以，還是看看哪個運行起來更好。
在他們的設計中，微軟保持了桌面版上的所有元素，即使是從其他設備上來查看。但桌面版和移動版大的區別是移動版僅僅沒有足夠的空間或者瀏覽器記憶來給一個單頁提供如此豐富的內容。設計師提出了響應式布局的設計方案。所謂的響應式布局，就是一個網站設計能夠兼容多個終端——而不是為每個終端做一個特定的版本。也就說一個頁面可以在多個終端呈現出你想要的效果，能夠兼容各個終端。響應式布局是現在很流行的一個設計理念，隨著移動互聯網的盛行，為解決如今各式各樣的瀏覽器分辨率以及不同移動設備的顯示效果，優點：根據不同的顯示器調整設計最適合用戶瀏覽習慣的頁面，面對不同分辨率設備靈活性強，能夠快捷解決多設備顯示適應問題。
