一、響應(yīng)式網(wǎng)站原理

　　在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)整，不過(guò)這個(gè)技術(shù)不是很流行。
 

 

　　二、響應(yīng)式網(wǎng)站價(jià)值

　　隨著越來(lái)越多的智能移動(dòng)設(shè)備(手機(jī)，平板 )加入到互聯(lián)網(wǎng)中來(lái)，互聯(lián)網(wǎng)上的訪問(wèn)設(shè)備是爆炸性的增長(zhǎng)(屏幕的分辨率也是爆炸性的增長(zhǎng))。為了給手機(jī)和平板設(shè)備提供更好的體驗(yàn)，必須在網(wǎng)站設(shè)計(jì)中使用響應(yīng)式網(wǎng)站設(shè)計(jì)，并且整合從PC端到手機(jī)的各種屏幕尺寸和分辨率，用技術(shù)來(lái)使網(wǎng)頁(yè)適應(yīng)不同分辨率的屏幕。

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

　　目前，主流的大家用來(lái)訪問(wèn)網(wǎng)頁(yè)的設(shè)備有：計(jì)算機(jī)，iPad，Android Pad(例如三星的)，智能手機(jī)。那么做一個(gè)網(wǎng)站，必須到這些設(shè)備上去測(cè)試和運(yùn)行。普通的網(wǎng)站作坊很少有人會(huì)愿意花這么多的精力去測(cè)試一個(gè)網(wǎng)站。

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

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

 

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

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

　　4、成本大

　　因?yàn)轫憫?yīng)式設(shè)計(jì)需要對(duì)多個(gè)界面兼容、功能調(diào)試，導(dǎo)致整個(gè)制作過(guò)程需要UI設(shè)計(jì)師和前端工程師要不斷磨合制造。而測(cè)試人員也要在不同的設(shè)備下對(duì)網(wǎng)站進(jìn)行測(cè)驗(yàn)。我們做過(guò)調(diào)查。如果創(chuàng)建一個(gè)普通網(wǎng)站的成本是1，那么創(chuàng)建一個(gè)響應(yīng)式模板的成本大概在2.5左右。由于小的建站公司的報(bào)價(jià)普遍比較低，利潤(rùn)空間肯定不支持他們把網(wǎng)站做成響應(yīng)式的。

　　以上也就是響應(yīng)式網(wǎng)站設(shè)計(jì)中需要注意的常見(jiàn)問(wèn)題，當(dāng)然在設(shè)計(jì)中也許還會(huì)遇到很多的問(wèn)題，但是想要做出一個(gè)優(yōu)秀、成功的網(wǎng)站，我們可能還會(huì)有很多彎路要走。要想能夠更好的避免這些問(wèn)題，還需要我們好好規(guī)劃設(shè)計(jì)網(wǎng)站，而且現(xiàn)在很多瀏覽器都內(nèi)置了響應(yīng)式布局測(cè)試，不斷的進(jìn)行測(cè)試，才能逐漸做出自己滿意的網(wǎng)站，同時(shí)做網(wǎng)站公司淺析企業(yè)進(jìn)行品牌設(shè)計(jì)的目的和誤區(qū)有哪些也是一樣，畢竟實(shí)踐才是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)嘛。