響應式網(wǎng)站是一種網(wǎng)絡頁面設計布局，其理念是：集中創(chuàng)建頁面的圖片排版大小，可以智能地根據(jù)用戶行為以及使用的設備環(huán)境進行相對應的布局。

響應式網(wǎng)站設計(Responsive Web design)的理念是：

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

基于“響應式內(nèi)容”的本質(zhì)，頁面應該在任何合理屏幕大小的設備上看上去都很舒服，從300*300的手機到2550*1600像素的顯示器。較快較方便的評估響應式功能的方式是大幅改變?yōu)g覽器的大小，檢查顯示情況。

對于這類測試不需要任何搭建時間。只需要打開網(wǎng)頁，點擊瀏覽器的右上角，拖拽到所需的大小。文本是否在你認為應該在的位置，是否仍然可讀？圖像是否能合理伸縮？控件是否還在頁面上——按鈕，文本輸入框，日期控件和其他的——是否仍然可用？它們有沒有遮蓋掉其他重要的內(nèi)容？