此概念于2010年5月由國外著(zhu)名網頁設計(ji)師Ethan Marcotte所提出。
響應式網(wang)站設計(Responsive Web design)的理念是:
頁(ye)面(mian)的(de)(de)(de)設計與開發應(ying)(ying)當根據用戶(hu)行為(wei)(wei)以及(ji)設備(bei)環(huan)境(系統平臺、屏(ping)幕尺寸、屏(ping)幕定(ding)向(xiang)等)進行相應(ying)(ying)的(de)(de)(de)響(xiang)應(ying)(ying)和(he)調(diao)整。具(ju)體的(de)(de)(de)實(shi)踐方式(shi)由(you)多(duo)方面(mian)組(zu)成,包括彈(dan)性網(wang)格(ge)和(he)布局、圖片、CSS media query的(de)(de)(de)使用等。無論(lun)用戶(hu)正(zheng)在使用筆記本還是iPad,我們的(de)(de)(de)頁(ye)面(mian)都應(ying)(ying)該能(neng)夠(gou)自(zi)動切換分辨率、圖片尺寸及(ji)相關(guan)腳本功(gong)能(neng)等,以適應(ying)(ying)不(bu)同設備(bei);換句(ju)話說,頁(ye)面(mian)應(ying)(ying)該有能(neng)力去(qu)自(zi)動響(xiang)應(ying)(ying)用戶(hu)的(de)(de)(de)設備(bei)環(huan)境。響(xiang)應(ying)(ying)式(shi)網(wang)頁(ye)設計就是一個(ge)(ge)網(wang)站(zhan)能(neng)夠(gou)兼容(rong)多(duo)個(ge)(ge)終端——而不(bu)是為(wei)(wei)每(mei)個(ge)(ge)終端做(zuo)一個(ge)(ge)特(te)定(ding)的(de)(de)(de)版(ban)(ban)本。這(zhe)樣,我們就可以不(bu)必為(wei)(wei)不(bu)斷到(dao)來(lai)的(de)(de)(de)新設備(bei)做(zuo)專門的(de)(de)(de)版(ban)(ban)本設計和(he)開發了(le)。