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

響應(yīng)式網(wǎng)站設(shè)計(jì)(Responsive Web design)的理念是：

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

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

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