第一：網(wǎng)站響應(yīng)式設(shè)計(jì)的源起

簡(jiǎn)而言之是指網(wǎng)頁根據(jù)屏幕寬度，做出相應(yīng)調(diào)整的，力求能夠達(dá)到在不同的設(shè)備下，內(nèi)容都能以最合適的方式展現(xiàn)給用戶。

第二：網(wǎng)站為什么要使用響應(yīng)式設(shè)計(jì)

   如果你還對(duì)網(wǎng)站是否需要實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)存在質(zhì)疑的話，相信下面的數(shù)字會(huì)讓您會(huì)更加認(rèn)可網(wǎng)站實(shí)現(xiàn)響應(yīng)式布局的必要性。

1、86%的用戶認(rèn)為企業(yè)的手機(jī)網(wǎng)站也應(yīng)該好看

2、智能手機(jī)用戶的數(shù)量在2014年已經(jīng)超過PC端的用戶數(shù)量

3、73%的用戶會(huì)同時(shí)使用多種設(shè)備(或者他們有智能手機(jī))

4、49%的用戶稱：如果企業(yè)的手機(jī)網(wǎng)站做的不夠好，往往會(huì)給人不重視用戶體驗(yàn)的錯(cuò)覺

5、74%的智能手機(jī)擁有者之用手機(jī)上網(wǎng)

6、49%的手機(jī)用戶認(rèn)為企業(yè)的移動(dòng)網(wǎng)站還有改進(jìn)的空間

7、據(jù)統(tǒng)計(jì)目前有17%的網(wǎng)絡(luò)流量都來自于手機(jī)

8、68%的網(wǎng)民表示，更喜歡用手機(jī)在那些用戶友好度高的電商網(wǎng)站平臺(tái)上進(jìn)行購(gòu)物

9、67%的移動(dòng)設(shè)備用戶反應(yīng)移動(dòng)網(wǎng)站的加載速度有待提高，響應(yīng)式設(shè)計(jì)的普及迫在眉睫

   總結(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īng)不同分辨率的屏幕。

第三：那么什么情況下更適合采用響應(yīng)式呢?

1、你想節(jié)約成本地去適應(yīng)更多場(chǎng)景

   資源都是有限的，但總是希望能利用有限的資源去獲得更大的價(jià)值。雖然比起開發(fā)設(shè)計(jì)一個(gè)普通的網(wǎng)站來說，要打造一個(gè)響應(yīng)式站點(diǎn)，所需要的人力和時(shí)間資源都會(huì)有所增加，但比起為不同設(shè)備分別打造多個(gè)版本的成本還是要低很多;從維護(hù)的角度來說，也會(huì)輕松很多。

2、你并不清楚要設(shè)計(jì)開發(fā)的全新產(chǎn)品更適合哪個(gè)場(chǎng)景

   與其通過預(yù)測(cè)挑選核心設(shè)備再進(jìn)行分別設(shè)計(jì)，倒不如先花些心思將網(wǎng)站打造得更具彈性，使其在各種設(shè)備中都擁有盡可能優(yōu)秀體驗(yàn)。因?yàn)樵诟鞣矫娑嘉粗�都情況下，做預(yù)測(cè)會(huì)加劇過程風(fēng)險(xiǎn)，使得結(jié)果存在巨大的挑戰(zhàn)性。

3、你希望網(wǎng)站可以兼容未來的新設(shè)備

   新的設(shè)備層出不窮，與其被動(dòng)地進(jìn)行更新維護(hù)，不如主動(dòng)應(yīng)萬變，成為響應(yīng)式。 當(dāng)然這里只是說更適合，其實(shí)個(gè)人認(rèn)為只要項(xiàng)目資源和時(shí)間允許，基本上大部分網(wǎng)站都可以去嘗試實(shí)現(xiàn)響應(yīng)式;而對(duì)于初次嘗試響應(yīng)式設(shè)計(jì)的，也可以從“簡(jiǎn)單瀏覽型頁面”開始。

第四：設(shè)計(jì)響應(yīng)式網(wǎng)站的難點(diǎn)有哪些？

1、設(shè)計(jì)難

   因?yàn)椴荒苁褂媒^對(duì)定位，那么在設(shè)計(jì)的時(shí)候需要考慮可讀性以及區(qū)域面積以及在不同的設(shè)備下的行為。這對(duì)一般的設(shè)計(jì)師來說簡(jiǎn)直是一場(chǎng)災(zāi)難。所以很少有出眾的響應(yīng)式網(wǎng)站出現(xiàn)。

2、實(shí)現(xiàn)更難

   響應(yīng)式設(shè)計(jì)出的稿子，當(dāng)然還需要響應(yīng)式的實(shí)現(xiàn)。響應(yīng)式的基礎(chǔ)就是HTML5, CSS3。一般的建站公司，一般是沒有錢去聘用精通HTML5和CSS3技術(shù)的高手的。最多是讓程序員在寫代碼之前看2天書，然后就趕鴨子上架。這就導(dǎo)致了即使設(shè)計(jì)師設(shè)計(jì)出了很棒的模板，但是在實(shí)現(xiàn)了之后，怎么看怎么不舒服。

3、屏幕尺寸多，很難做到一次編碼，到處運(yùn)行

4、成本大

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