響應(yīng)式網(wǎng)站是怎樣發(fā)揮“響應(yīng)”的

首先得了解下，響應(yīng)式網(wǎng)站是順應(yīng)移動(dòng)互聯(lián)網(wǎng)發(fā)展而推出的移動(dòng)過(guò)渡概念，什么意思呢，早在PC時(shí)代，人們已經(jīng)意識(shí)到移動(dòng)互聯(lián)網(wǎng)時(shí)代的到來(lái)，但那時(shí)大家的網(wǎng)站都是面對(duì)PC端的，網(wǎng)站從PC到移動(dòng)轉(zhuǎn)變需要一個(gè)時(shí)間過(guò)程，而響應(yīng)式設(shè)計(jì)正好順應(yīng)了這一時(shí)間過(guò)程的網(wǎng)站解決方案。

響應(yīng)式網(wǎng)站設(shè)計(jì)(Responsive Web design)的理念是：網(wǎng)站頁(yè)面的設(shè)計(jì)與開(kāi)發(fā)應(yīng)當(dāng)根據(jù)用戶(hù)行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。

具體的實(shí)踐方式有多方面組成，包括彈性網(wǎng)格和布局、圖片、CSS media query的使用等。無(wú)論用戶(hù)正在使用筆記本還是iPad，我們的頁(yè)面都應(yīng)該能夠自動(dòng)切換分辨率、圖片尺寸及相關(guān)腳本功能等，以適應(yīng)不同設(shè)備。

換句話(huà)說(shuō)，頁(yè)面應(yīng)該有能力去自動(dòng)響應(yīng)用戶(hù)的設(shè)備環(huán)境。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端——而不是為每個(gè)終端做一個(gè)特定的版本。這樣，我們就可以不必為不斷到來(lái)的新設(shè)備做專(zhuān)門(mén)的版本設(shè)計(jì)和開(kāi)發(fā)了，從而節(jié)省各方面的資源投入。