響應式網(wǎng)站需要的技術(shù)，用下面一張圖可以概括。

響應式網(wǎng)站重在“響應”，要求網(wǎng)站能根據(jù)目前不同的終端尺寸及時作出反應，并快速調(diào)整布局方案。在設計上自然比傳統(tǒng)網(wǎng)站要復雜很多，是對一個建站團隊前端、后臺、UI、美工和測試的多重挑戰(zhàn)，這也是響應式網(wǎng)站比一般網(wǎng)站價格要高的原因。一個響應式網(wǎng)站的面世，大概會經(jīng)歷下面的過程：

1、 HTML5技術(shù)實現(xiàn)一次編碼，多終端運行

2、 HTML5+CSS3相輔相成，打造完美網(wǎng)站框架

3、 美工實現(xiàn)完美視覺效果，優(yōu)化網(wǎng)站細節(jié)

4、 測試團隊反復試驗，實現(xiàn)多界面兼容

雖說HTML5技術(shù)相比以往的開發(fā)程序已經(jīng)簡化了很多，但制作響應式網(wǎng)站的過程是非常繁瑣的，一般的小公司也很難做出一個真正的響應式網(wǎng)站，大多是自適應網(wǎng)站半響應狀態(tài)。據(jù)耐思尼克的開發(fā)團隊表示，開發(fā)一個響應式網(wǎng)站的成本基本是一個傳統(tǒng)網(wǎng)站成本的2.5倍，一些小公司為吸引客戶，通常開出很低的報價做響應式網(wǎng)站，其實他們得到的利潤是不能支撐一個網(wǎng)站的開發(fā)成本的。

1屏幕尺寸多，很難做到一次編碼，到處運行

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

2視覺設計要求高、細節(jié)多

因為不能使用絕對定位，那么在設計的時候需要考慮可讀性以及區(qū)域面積以及在不同的設備下的行為。這對一般的設計師來說簡直是一場災難。所以很少有出眾的響應式網(wǎng)站出現(xiàn)。

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

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

4成本大

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