簡單來說，響應(yīng)式網(wǎng)站就是能自動(dòng)適配各個(gè)屏幕尺寸、各個(gè)終端來顯示的網(wǎng)站，只需要一個(gè)網(wǎng)站版本即可適應(yīng)所有屏幕，不在挑屏幕終端。

　　響應(yīng)式網(wǎng)站需要用到的技術(shù)：HTML5、CSS3、偶爾也用到JavaScript，總之前端代碼就能完成。

　　“服務(wù)器代碼適配手機(jī)版網(wǎng)站”需要服務(wù)器端代碼來配合前端代碼才能完成。
 

　　1.響應(yīng)式網(wǎng)站原理

　　響應(yīng)式網(wǎng)站制作原理就是通過CSS3的一個(gè)屬性media可以檢測到當(dāng)前的屏幕寬度，然后進(jìn)行控制各個(gè)屏幕下的樣式適配，例如產(chǎn)品展示，通過CSS的屏幕寬度檢測，電腦上（1920的屏幕）一排顯示6個(gè)，手機(jī)上（480的屏幕）一排顯示2個(gè)，從而達(dá)到一個(gè)版本即可適配所有屏幕的效果，這是目前企業(yè)網(wǎng)站建設(shè)手機(jī)版的推薦的方式；

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

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

　　3.響應(yīng)式網(wǎng)站和服務(wù)器代碼適配手機(jī)版網(wǎng)站有什么不同？

　　“服務(wù)器代碼適配手機(jī)版網(wǎng)站”需要做兩個(gè)版本，一個(gè)是電腦版，一個(gè)是手機(jī)版，因?yàn)橐鰞蓚€(gè)版本，導(dǎo)致制作的時(shí)候加大工作量，且維護(hù)修改不方便，只要一修改內(nèi)容，就要修改兩個(gè)版本，也就是要修改兩處。

　　響應(yīng)式網(wǎng)站，因?yàn)槭峭ㄟ^css3來自動(dòng)檢測屏幕寬度，達(dá)到自動(dòng)適配顯示效果，所以只需要制作一個(gè)版本，維護(hù)修改時(shí)也只需要修改一處，所以比較方便。

　　在用戶體驗(yàn)方面，響應(yīng)式網(wǎng)站只要把細(xì)節(jié)做好，就能和“服務(wù)器代碼適配手機(jī)版網(wǎng)站”一樣。

　　4.大網(wǎng)站平臺(tái)為什么不使用響應(yīng)式網(wǎng)站布局？

　　因?yàn)轫憫?yīng)式網(wǎng)站制作只是把網(wǎng)頁布局縮小，進(jìn)行屏幕適應(yīng)，并沒有做內(nèi)容的刪減，即便視覺上看到了刪減，但實(shí)際該加載的圖片還是加載了，該加載的文字還是加載了，分析目前大網(wǎng)站的現(xiàn)狀，電腦版網(wǎng)站首頁內(nèi)容很多，手機(jī)版網(wǎng)站首頁內(nèi)容進(jìn)行了很多的刪減，或增加了許多手機(jī)版專有的內(nèi)容，如果此時(shí)手機(jī)版還是用電腦版來進(jìn)行響應(yīng)式屏幕適應(yīng)，會(huì)因?yàn)閷?shí)際內(nèi)容（圖片）加載過多，導(dǎo)致網(wǎng)站打開慢，也會(huì)因?yàn)殡娔X版網(wǎng)站布局過于復(fù)雜，不好調(diào)整響應(yīng)式手機(jī)版，導(dǎo)致用戶體驗(yàn)下降，因此目前大網(wǎng)站平臺(tái)基本還是使用“服務(wù)器代碼適配手機(jī)版網(wǎng)站”的方式制作手機(jī)版。

　　5.企業(yè)做網(wǎng)站選響應(yīng)式網(wǎng)站好嗎？

　　企業(yè)網(wǎng)站制作因?yàn)楸旧砭W(wǎng)站結(jié)構(gòu)并不復(fù)雜，布局相對簡單，圖片也不多，非常適合響應(yīng)式網(wǎng)站布局，因此用響應(yīng)式來做企業(yè)手機(jī)版網(wǎng)站是非常好的。

　　響應(yīng)式網(wǎng)站相比“服務(wù)器代碼適配手機(jī)版網(wǎng)站”而言，價(jià)格制作成本要更低一些，對于企業(yè)網(wǎng)站建設(shè)來說是首選方式。