響應式網站也是一種自適應網站，可以自動識別不同的客戶端，比如PC端（自動匹配不同尺寸的電腦屏幕），筆記本，平板電腦，以及移動端各種手機屏幕尺寸。響應式網站可以根據不同的尺寸展示不同的排版布局和圖片尺寸，保證不同客戶不論是通過哪種終端設備進入網站都可以看到清晰美觀的網站排版，對用戶的體驗非常好。但并不是所有自適應網站都是響應式網站，有些自適應網站并沒有對不同終端進行專業(yè)的進行排版布局，只是簡單的自動壓縮圖片和自動排列版面，很容易導致網站的內容錯亂!真正的相應式網站需要前端工程師至少設計四種以上不同尺寸范圍的排版和布局，因此一定不要混淆了響應式網站和自適應網站。

響應式網站建設布局設計的理念是：

響應式網頁設計(Responsive Web design，通?？s寫為RWD)是指：頁面的設計與開發(fā)應當根據用戶行為以及設備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調整?？梢哉f是一種網頁設計的技術做法，該設計可使網站在多種瀏覽設備（從桌面電腦顯示器到移動電話或其他移動產品設備）上閱讀和導航，同時減少縮放、平移和滾動。

具體的實踐方式由多方面組成，包括彈性網格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad，我們的頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等，以適應不同設備；換句話說，頁面應該有能力去自動響應用戶的設備環(huán)境。響應式網頁設計就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這樣，我們就可以不必為不斷到來的新設備做專門的版本設計和開發(fā)了。

響應式布局設計的理念是：

響應式網頁設計(Responsive Web design，通?？s寫為RWD)是指：頁面的設計與開發(fā)應當根據用戶行為以及設備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調整?？梢哉f是一種網頁設計的技術做法，該設計可使網站在多種瀏覽設備（從桌面電腦顯示器到移動電話或其他移動產品設備）上閱讀和導航，同時減少縮放、平移和滾動。

具體的實踐方式由多方面組成，包括彈性網格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad，我們的頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等，以適應不同設備；換句話說，頁面應該有能力去自動響應用戶的設備環(huán)境。響應式網頁設計就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這樣，我們就可以不必為不斷到來的新設備做專門的版本設計和開發(fā)了。

響應式網站在不同設備上的排版布局效果圖：

本文出自西安網站建設專家  兄弟網絡  http://noseofwaxnoseofwax.com