伊桑·馬科特在2010年次提出了響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)(RWD,ResponsiveWebDesign)的概念。(當(dāng)時(shí)能提出這個(gè)概念是很不簡(jiǎn)單的哦)他根據(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)給用戶。網(wǎng)站響應(yīng)式設(shè)計(jì)的原理就是在CSS中，有一個(gè)不常用到的屬性media。為了達(dá)到響應(yīng)式設(shè)計(jì)的目的，讓css根據(jù)屏幕寬度(例如mediascreenonly(max-width:480px))，使用不同的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ù)不是很流行。那么響應(yīng)式網(wǎng)站主要分為哪些方面的設(shè)計(jì)呢？

　　先是，圖片的響應(yīng)式設(shè)計(jì)

　　對(duì)于響應(yīng)式網(wǎng)站的設(shè)計(jì)和開發(fā)過程中，圖片的設(shè)計(jì)一直是一個(gè)重點(diǎn)關(guān)注的對(duì)象。其中主要的就是圖片需要根據(jù)用戶瀏覽終端的不同而隨之發(fā)生變化。并且不會(huì)出現(xiàn)顯示不全、展開有空白、圖片牧戶等情況。其次就是觸摸屏上使用手勢(shì)操作幾乎是用戶的本能了。所以，在設(shè)計(jì)響應(yīng)式圖片的時(shí)候，滑動(dòng)操作等手勢(shì)操作賦予用戶更多的權(quán)力，讓體驗(yàn)更加逼真。

　　其次是，網(wǎng)站整體框架的設(shè)計(jì)

　　其實(shí)對(duì)于不了解響應(yīng)式網(wǎng)站建設(shè)的站長(zhǎng)來說，不建議使用框架的形式來搭建響應(yīng)式網(wǎng)站，可能會(huì)造成樣式重復(fù)、內(nèi)容類別之間發(fā)生沖突以及網(wǎng)頁(yè)負(fù)重過于高等情況。所以使用網(wǎng)站整體框架的設(shè)計(jì)來建設(shè)響應(yīng)式網(wǎng)站需要切合自身的實(shí)際情況，定位自己的需求后再進(jìn)行。

　　再次是，用戶體驗(yàn)度的建設(shè)

　　用戶體驗(yàn)度是一個(gè)網(wǎng)站是否可以生存下去的根本原因之一，其中響應(yīng)式網(wǎng)站的用戶體驗(yàn)度就更加重要了。響應(yīng)式網(wǎng)站建設(shè)中常見的錯(cuò)誤就是在pc端瀏覽是一切正常，但是到手機(jī)端或平板上的時(shí)候就變得很奇怪，這對(duì)用戶體驗(yàn)度是很不好的。所以響應(yīng)式網(wǎng)站建設(shè)時(shí)應(yīng)該在多個(gè)不一樣的閱讀終端進(jìn)行瀏覽、測(cè)試，反復(fù)確認(rèn)無(wú)誤后再上線。

　　后就是，網(wǎng)站導(dǎo)航欄目的設(shè)定

　　導(dǎo)航欄的顯示有時(shí)候在桌面端上導(dǎo)航的存在可能沒什么，但是在移動(dòng)端上查看的時(shí)候，導(dǎo)航還是盡量隱藏起來，需要的時(shí)候再顯現(xiàn)。如左右切換的按鈕和標(biāo)明瀏覽位置的圓點(diǎn)，知名是在光標(biāo)移動(dòng)上去之后再顯示，這樣的設(shè)計(jì)不僅可以避免用戶分心，而且能避免內(nèi)容和導(dǎo)航元素之間的沖突，降低整體設(shè)計(jì)的混亂感。

　　近些年隨著智能手機(jī)手機(jī)的普及，站長(zhǎng)們發(fā)現(xiàn)，從手機(jī)上來的流量一點(diǎn)不比在PC上來的少，所以，作為一種能夠自動(dòng)適應(yīng)不同屏幕尺寸的網(wǎng)頁(yè)設(shè)計(jì)辦法，響應(yīng)式設(shè)計(jì)(ResponsiveDesign)正日益成為受推崇的移動(dòng)網(wǎng)頁(yè)優(yōu)化方式。其實(shí)，響應(yīng)式網(wǎng)站設(shè)計(jì)就是一種網(wǎng)絡(luò)頁(yè)面設(shè)計(jì)布局，是頁(yè)面的設(shè)計(jì)與開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。并且在當(dāng)下互聯(lián)網(wǎng)時(shí)代，隨著網(wǎng)民閱讀終端的普遍更換，響應(yīng)式網(wǎng)站也越來越深受企業(yè)喜愛。總之，響應(yīng)式網(wǎng)站設(shè)計(jì)，為計(jì)算機(jī)、手機(jī)、平板電腦等不同設(shè)備的訪問用戶了提供更加舒適的界面和更好的用戶體驗(yàn)(和速度)，而且隨著目前移動(dòng)設(shè)備的增長(zhǎng)，已成為大勢(shì)所趨。