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

隨著移動設(shè)備的逐漸普及和Web技術(shù)的發(fā)展，跨端的Web開發(fā)需求將會越來越大。如何在多種設(shè)備上進(jìn)行跨端的界面適配呢？

響應(yīng)式網(wǎng)頁不像傳統(tǒng)網(wǎng)頁只需考慮一種狀態(tài)，不是交付一套設(shè)計稿就完事兒了，它給設(shè)計、前端和開發(fā)團(tuán)隊之間的協(xié)作模式帶來新的挑戰(zhàn)。在一個復(fù)雜產(chǎn)品全面響應(yīng)式的項目里，交互每個階段該產(chǎn)出什么？交互與視覺如何協(xié)作？前端何時介入？哪些事情讓后端開發(fā)來做更合理？經(jīng)歷“玩客”第一版后，合肥網(wǎng)站建設(shè)公司得到了一些答案。

移動優(yōu)先是移動互聯(lián)網(wǎng)浪潮下應(yīng)運(yùn)而生的理念，由Luke Wroblewski最早提出。移動優(yōu)先并不是指移動更重要，響應(yīng)式設(shè)計理念里設(shè)備是同等重要的。

它是指優(yōu)先設(shè)計手機(jī)端的體驗，有三個原因： 

手機(jī)讓設(shè)計專注，強(qiáng)迫你想清楚什么信息是最重要的。因為手機(jī)屏幕小，每屏呈現(xiàn)的內(nèi)容少；

觸屏手機(jī)使用手指操作而非鼠標(biāo)這樣的精密設(shè)備來操作，對操 作有更高要求；

手機(jī)使用場景更加豐富，很多場景用戶是缺乏耐心的，比如當(dāng)你排隊看電影正在找手機(jī)上的電子票，馬上排到你了翻半天卻遲遲找不到那張票這是多 么令人崩潰的事情。 

手機(jī)許多特性讓設(shè)計更強(qiáng)大。手機(jī)上的語音輸入、地理位置定位、豐富的手勢操作、越來越多傳感器，手機(jī)交互比PC擁有更多可能性。從手機(jī)開始設(shè)計，讓你更早地思考如何發(fā)揮這些特性。 手機(jī)正在迅猛增長。手機(jī)即將超越PC，成為最主流的上網(wǎng)方式，這個趨勢是不可逆的。 從移動開始做設(shè)計對習(xí)慣了PC環(huán)境的設(shè)計師可能是一種挑戰(zhàn)，思考方式工作習(xí)慣都被迫做出改變。但這種改變必須去適應(yīng)，因為用戶習(xí)慣在改變。

響應(yīng)式設(shè)計在2012年被提的比較多，但是響應(yīng)式設(shè)計仍然在不斷變化，不斷創(chuàng)新。比如，新的設(shè)備不斷出來(iPad Mini)，這讓以前的設(shè)計想法土崩瓦解。而各種Web的響應(yīng)式設(shè)計也獲得了越來越多的注意，“讓人們忘記設(shè)備尺寸”的理念將更快地驅(qū)動響應(yīng)式設(shè)計，所以Web設(shè)計也將迎來更多的響應(yīng)式設(shè)計元素。