概念：
伊桑·馬科特在2010年首次提出了響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的概念。他根據(jù)工程師在處理不同屏幕分辨率的網(wǎng)頁(yè)內(nèi)容展現(xiàn)的效果的時(shí)候常用的技巧和策略，創(chuàng)造性的進(jìn)行了歸納總結(jié)。簡(jiǎn)而言之是指網(wǎng)頁(yè)根據(jù)屏幕寬度，做出相應(yīng)調(diào)整的，力求能夠達(dá)到在不同的設(shè)備下，內(nèi)容都能以最合適的方式展現(xiàn)給用戶。
原理：
在CSS中，有一個(gè)不常用到的屬性media。為了達(dá)到響應(yīng)式設(shè)計(jì)的目的，讓css根據(jù)屏幕寬度，使用不同的CSS代碼，從而達(dá)到自動(dòng)調(diào)整頁(yè)面DIV寬度的目的。當(dāng)然，除了CSS，還可以使用JS對(duì)頁(yè)面內(nèi)容進(jìn)行動(dòng)態(tài)的調(diào)整，不過這個(gè)技術(shù)不是很流行。
價(jià)值：
隨著越來越多的智能移動(dòng)設(shè)備( 手機(jī)，平板 )加入到互聯(lián)網(wǎng)中來，互聯(lián)網(wǎng)上的訪問設(shè)備是爆炸性的增長(zhǎng)(屏幕的分辨率也是爆炸性的增長(zhǎng))。為了給手機(jī)和平板設(shè)備提供更好的體驗(yàn)，必須在網(wǎng)站設(shè)計(jì)中使用響應(yīng)式網(wǎng)站設(shè)計(jì)，并且整合從PC端到手機(jī)的各種屏幕尺寸和分辨率，用技術(shù)來使網(wǎng)頁(yè)適應(yīng)不同分辨率的屏幕。
總結(jié)：
響應(yīng)式網(wǎng)站設(shè)計(jì)，為計(jì)算機(jī)、手機(jī)、平板電腦等不同設(shè)備的訪問用戶了提供更加舒適的界面和更好的用戶體驗(yàn)(和速度)，而且隨著目前移動(dòng)設(shè)備的增長(zhǎng)，已成為大勢(shì)所趨。如果一個(gè)網(wǎng)站不支持響應(yīng)式設(shè)計(jì)，那么就已經(jīng)可以說不是很符合潮流了。
作為一種能夠自動(dòng)適應(yīng)不同屏幕尺寸的網(wǎng)頁(yè)設(shè)計(jì)辦法，響應(yīng)式設(shè)計(jì)(Responsive Design)正日益成為最受推崇的移動(dòng)網(wǎng)頁(yè)優(yōu)化方式。目前，google已經(jīng)正式宣布，使用了響應(yīng)式設(shè)計(jì)的網(wǎng)站的在手機(jī)上的排名，將會(huì)比沒有使用的更容易獲得更高的排名?？梢婍憫?yīng)式技術(shù)已經(jīng)不再是高大上的概念，在國(guó)外已經(jīng)非常普及。而百度肯定也會(huì)在不久的將來采取相同的算法
隨著智能手機(jī)的普及，站長(zhǎng)們發(fā)現(xiàn)，從手機(jī)上來的流量一點(diǎn)不比在PC上來的少，所以也要照顧一下手機(jī)訪問者的體驗(yàn)。如果不進(jìn)行任何優(yōu)化，網(wǎng)站在手機(jī)上看起來就只有細(xì)小的文字和圖片，網(wǎng)頁(yè)布局也會(huì)一塌糊涂。這就意味著損失啊!!!如果你還對(duì)網(wǎng)站是否需要實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)存在質(zhì)疑的話，相信下面的數(shù)字會(huì)讓您會(huì)更加認(rèn)可網(wǎng)站實(shí)現(xiàn)響應(yīng)式布局的必要性。必須的!
· 86%的用戶認(rèn)為企業(yè)的手機(jī)網(wǎng)站也應(yīng)該好看
· 智能手機(jī)用戶的數(shù)量在2016年已經(jīng)超過PC端的用戶數(shù)量
· 73%的用戶會(huì)同時(shí)使用多種設(shè)備(或者他們有智能手機(jī))
· 49%的用戶稱：如果企業(yè)的手機(jī)網(wǎng)站做的不夠好，往往會(huì)給人不重視用戶體驗(yàn)的錯(cuò)覺
· 74%的智能手機(jī)擁有者之用手機(jī)上網(wǎng)
· 49%的手機(jī)用戶認(rèn)為企業(yè)的移動(dòng)網(wǎng)站還有改進(jìn)的空間
· 據(jù)統(tǒng)計(jì)目前有17%的網(wǎng)絡(luò)流量都來自于手機(jī)
· 68%的網(wǎng)民表示，更喜歡用手機(jī)在那些用戶友好度高的電商網(wǎng)站平臺(tái)上進(jìn)行購(gòu)物
· 67%的移動(dòng)設(shè)備用戶反應(yīng)移動(dòng)網(wǎng)站的加載速度有待提高，響應(yīng)式設(shè)計(jì)的普及迫在眉睫
總結(jié)
如果您的網(wǎng)站還不是響應(yīng)式設(shè)計(jì)話，那么您：
已經(jīng)忽視了50%的用戶體驗(yàn);
比您的競(jìng)爭(zhēng)對(duì)手獲取訂單的概率低30%;
至少讓50%的用戶感覺不怎么樣
