首先得了解下,響應式網(wǎng)站是順應移動互聯(lián)網(wǎng)發(fā)展而推出的移動過渡概念,什么意思呢,早在PC時代,人們已經(jīng)意識到移動互聯(lián)網(wǎng)時代的到來,但那時大家的網(wǎng)站都是面對PC端的,網(wǎng)站從PC到移動轉變需要一個時間過程,而響應式設計正好順應了這一時間過程的網(wǎng)站解決方案。
響應式網(wǎng)站設計(Responsive Web design)的理念是:網(wǎng)站頁面的設計與開發(fā)應當根據(jù)用戶行為以及設備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調(diào)整。
具體的實踐方式有多方面組成,包括彈性網(wǎng)格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad,我們的頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等,以適應不同設備。
換句話說,頁面應該有能力去自動響應用戶的設備環(huán)境。響應式網(wǎng)頁設計就是一個網(wǎng)站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這樣,我們就可以不必為不斷到來的新設備做專門的版本設計和開發(fā)了,從而節(jié)省各方面的資源投入。