原理：

主要是css根據(jù)屏幕寬度，自動調(diào)整網(wǎng)頁div顯示和布局，以適應(yīng)不同尺寸屏幕優(yōu)化瀏覽體驗。

價值：

隨著越來越多的智能移動設(shè)備（ mobile, tablet device ）加入到互聯(lián)網(wǎng)中來，移動互聯(lián)網(wǎng)不再是獨立的小網(wǎng)絡(luò)，而是成為了 Internet 的重要組成部分。響應(yīng)式網(wǎng)絡(luò)設(shè)計 （ RWD / AWD）的出現(xiàn)，目的是為移動設(shè)備提供更好的體驗，并且整合從PC端到手機的各種屏幕尺寸和分辨率，用技術(shù)來使網(wǎng)頁適應(yīng)不同分辨率的屏幕。

響應(yīng)式網(wǎng)站的制作難點

既然響應(yīng)式設(shè)計已成為大勢所趨？為什么國內(nèi)99.9999%的網(wǎng)站都還不是響應(yīng)式的？

• 設(shè)計原型多、兼容測試多

  制作前期，需要對用戶調(diào)研，確定制作多個尺寸線框原型界面，還需要設(shè)計師和前端開發(fā)人員保持密切的溝通。

• 視覺設(shè)計要求高、細(xì)節(jié)多

  移動設(shè)備的屏幕像素密度與傳統(tǒng)電腦屏幕不一樣，在設(shè)計的時候需要保證內(nèi)容文字的可讀性、控件可點擊區(qū)域的面積等，都將對設(shè)計師有高要求。

• 前端實現(xiàn)難、跨技術(shù)合作

  與傳統(tǒng)的web開發(fā)相比，響應(yīng)式設(shè)計的頁面由于頁面布局、內(nèi)容尺寸發(fā)生了變化，所以最終的產(chǎn)出更有可能與設(shè)計稿出入較大，需要前端開發(fā)人員和設(shè)計師多溝通。

• 參與人員多、耗費精力大

  因為響應(yīng)式設(shè)計需要對多個界面兼容、功能調(diào)試，導(dǎo)致整個制作過程需要UI設(shè)計師和前端工程師不斷磨合制作。

總的來說，響應(yīng)式網(wǎng)頁不像傳統(tǒng)網(wǎng)頁只需考慮一種狀態(tài)，不是交付一套設(shè)計稿就完事兒了，它需要更多的人員參與到制作中來，它給設(shè)計、前端和開發(fā)團隊之間的協(xié)作模式帶來新的挑戰(zhàn)。在一個復(fù)雜產(chǎn)品全面響應(yīng)式的項目里，開發(fā)人員在開發(fā)之初就要設(shè)計好要適配的屏幕尺寸大小，頁面越復(fù)雜，要考慮的適配排版問題就越多，而且交互每個階段該產(chǎn)出什么？交互與視覺如何協(xié)作？前端何時介入？哪些事情讓后端開發(fā)來做更合理？一系列的配合制作難度，導(dǎo)致很多站長望而生畏。