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

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

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

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

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

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

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

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

　　“服務(wù)器代碼適配手機版網(wǎng)站”需要做兩個(gè)版本，一個(gè)是電腦版，一個(gè)是手機版，因為要做兩個(gè)版本，導致制作的時(shí)候加大工作量，且維護修改不方便，只要一修改內容，就要修改兩個(gè)版本，也就是要修改兩處。

　　響應式網(wǎng)站，因為是通過(guò)css3來(lái)自動(dòng)檢測屏幕寬度，達到自動(dòng)適配顯示效果，所以只需要制作一個(gè)版本，維護修改時(shí)也只需要修改一處，所以比較方便。

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

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

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

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

　　企業(yè)網(wǎng)站制作因為本身網(wǎng)站結構并不復雜，布局相對簡(jiǎn)單，圖片也不多，非常適合響應式網(wǎng)站布局，因此用響應式來(lái)做企業(yè)手機版網(wǎng)站是非常好的。

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