什么是響應(yīng)式網(wǎng)站？

 

　　響應(yīng)式網(wǎng)站就是基于響應(yīng)式設(shè)計(jì)的網(wǎng)站模板，在同一個(gè)網(wǎng)站的同一個(gè)頁(yè)面在PC、智能手機(jī)、平板電腦等設(shè)備上自動(dòng)適配，根據(jù)設(shè)備尺寸自動(dòng)顯示不同的界面。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)（RWD，Responsive Web Design）由美國(guó)的伊桑·馬科特在2010年首先提出，簡(jiǎn)而言之是指網(wǎng)頁(yè)能自動(dòng)識(shí)別屏幕寬度并做出相應(yīng)調(diào)整的網(wǎng)頁(yè)設(shè)計(jì)，目的是為了給PC和移動(dòng)設(shè)備提供更好的體驗(yàn)，并且整合從PC到手機(jī)的不同屏幕尺寸和不同分辨率，用技術(shù)來(lái)使網(wǎng)頁(yè)適應(yīng)各式各樣的設(shè)備，所以也叫做自適應(yīng)網(wǎng)站。

 

　　響應(yīng)式網(wǎng)站的優(yōu)點(diǎn)：

 

　　1、用戶體驗(yàn)友好

 

　　隨著智能手機(jī)和平板電腦的普及，在當(dāng)下追求用戶體驗(yàn)至上的時(shí)代，之前網(wǎng)站普遍使用固定寬度的網(wǎng)頁(yè)設(shè)計(jì)逐漸滿足不了現(xiàn)在移動(dòng)設(shè)備與不同分辨率的需求。在高分辨率寬屏顯示器上，兩邊留白過(guò)多；在手機(jī)屏幕上，內(nèi)容顯示過(guò)小，用戶為了看清楚首先需要放大界面，再左右拖拉界面。響應(yīng)式網(wǎng)站可以根據(jù)不同設(shè)備、不同尺寸，自動(dòng)調(diào)整界面布局、展示內(nèi)容、內(nèi)容大小，提供非常好視覺(jué)展示效果和一致性友好體驗(yàn)。

 

　　2、節(jié)省開(kāi)發(fā)成本

 

　　響應(yīng)式網(wǎng)站只使用一套頁(yè)面模板，所以設(shè)計(jì)人員只需要設(shè)計(jì)一套模板，前端人員也是只需要維護(hù)一套模板的代碼。

 

　　響應(yīng)式網(wǎng)站的缺點(diǎn)：

 

　　1、對(duì)舊版本瀏覽器兼容性差

 

　　對(duì)于老版本IE瀏覽器（IE6、IE7、IE8）支持不好，這是一個(gè)致命的問(wèn)題，如果你的網(wǎng)站用戶大多還采用老版本IE的話，不建議做響應(yīng)式網(wǎng)站。

 

　　2、部分網(wǎng)站不適合做響應(yīng)式

 

　　內(nèi)容比較多的網(wǎng)站不適合做響應(yīng)式，如電商網(wǎng)站要把寬屏的PC端內(nèi)容全部在手機(jī)端進(jìn)行展示，勢(shì)必導(dǎo)致手機(jī)端的界面非常長(zhǎng)，這樣對(duì)技術(shù)要求很高，實(shí)現(xiàn)難度與成本非常高。

 

　　3、對(duì)技術(shù)人員要求比較高

 

　　響應(yīng)式網(wǎng)站一般都會(huì)用到HTML 5和CSS 3等新興技術(shù)，這對(duì)設(shè)計(jì)人員和前端人員的技術(shù)水平都提出了更高的要求。

 

　　總結(jié)

 

　　如果你的網(wǎng)站是企業(yè)官網(wǎng)或個(gè)人博客等內(nèi)容較少的，就可以采用響應(yīng)式網(wǎng)站，否則還是分別單獨(dú)搭建PC端和手機(jī)端網(wǎng)站。