響應式網(wǎng)站設計開(kāi)發(fā)，也有叫做響應的Web設計，或著(zhù)叫響應式網(wǎng)頁(yè)設計，響應式網(wǎng)站設計開(kāi)發(fā)的目的是為不同設備提供的多種適配的展現形式。一個(gè)網(wǎng)站，為了適應不同的用戶(hù)的不同客戶(hù)端的查看，通過(guò)響應式網(wǎng)站制作過(guò)程提供各種適配方法，是的用戶(hù)不用更換客戶(hù)端也能正常查看網(wǎng)站內容。

那么一個(gè)好的響應式網(wǎng)站應該如何進(jìn)行設計開(kāi)發(fā)呢？

根據客戶(hù)提供的內容和要求，由產(chǎn)品經(jīng)理或設計經(jīng)理來(lái)確定這個(gè)網(wǎng)站有幾個(gè)頁(yè)面，那些頁(yè)面放什么內容，那些內容比較重要，用什么形式展現。

不同的內容，在不同的響應式規則下的展現形式應該是不同的。有的適合大分辨率，有的只能在小分辨率下使用。雖然規則越全網(wǎng)頁(yè)效果越好，但是畢竟成本和時(shí)間在這，不可能考慮那么全，所以我們要確定要考慮那些分辨率。

根據確定好的響應式規則，規劃在不同分辨率規則下的顯示形式。從大分辨率到小分辨率應該如何變化，導航應該如何變化，頁(yè)面結構應該如何變化

響應式是一種設計理念與前端技術(shù)緊密結合的新型的開(kāi)發(fā)模式，需要盡早讓各個(gè)角色參與進(jìn)來(lái)，確認方案可行性，協(xié)調最終的顯示效果，以便后期進(jìn)行開(kāi)發(fā)工作。

按照用戶(hù)體驗中的移動(dòng)優(yōu)先的原則應該先進(jìn)行移動(dòng)端的模塊細節設計，一般是從從PC端開(kāi)始設計細節。因為PC端內容全面，能夠充分體現業(yè)務(wù)復雜度，PC端的開(kāi)發(fā)環(huán)境與測試環(huán)境都相對成熟，所以從PC端開(kāi)始能夠讓開(kāi)發(fā)過(guò)程更順暢。 

做好了PC端，就像蓋樓有了地基，剩下的響應式調整就有了根基和對比。前端根據響應式規則和具體設計，完成響應式代碼的實(shí)現。需要注意的是，同樣分辨率的客戶(hù)端和瀏覽器顯示的結果有所不同，測試的時(shí)候一定要注意

到了這里，一個(gè)響應式網(wǎng)站的頁(yè)面就算完成了，剩下的工作需要后臺開(kāi)發(fā)工程師進(jìn)行開(kāi)發(fā)，這些已經(jīng)和響應式關(guān)系不大了。