什么是響應(yīng)式網(wǎng)站?
響應(yīng)式網(wǎng)站就是基于響應(yīng)式設(shè)計的網(wǎng)站模板,在同一個網(wǎng)站的同一個頁面在PC、智能手機、平板電腦等設(shè)備上自動適配,根據(jù)設(shè)備尺寸自動顯示不同的界面。響應(yīng)式網(wǎng)頁設(shè)計(RWD,Responsive Web Design)由美國的伊桑·馬科特在2010年首先提出,簡而言之是指網(wǎng)頁能自動識別屏幕寬度并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計,目的是為了給PC和移動設(shè)備提供更好的體驗,并且整合從PC到手機的不同屏幕尺寸和不同分辨率,用技術(shù)來使網(wǎng)頁適應(yīng)各式各樣的設(shè)備,所以也叫做自適應(yīng)網(wǎng)站。
響應(yīng)式網(wǎng)站的優(yōu)點:
1、用戶體驗友好
隨著智能手機和平板電腦的普及,在當(dāng)下追求用戶體驗至上的時代,之前網(wǎng)站普遍使用固定寬度的網(wǎng)頁設(shè)計逐漸滿足不了現(xiàn)在移動設(shè)備與不同分辨率的需求。在高分辨率寬屏顯示器上,兩邊留白過多;在手機屏幕上,內(nèi)容顯示過小,用戶為了看清楚首先需要放大界面,再左右拖拉界面。響應(yīng)式網(wǎng)站可以根據(jù)不同設(shè)備、不同尺寸,自動調(diào)整界面布局、展示內(nèi)容、內(nèi)容大小,提供非常好視覺展示效果和一致性友好體驗。
2、節(jié)省開發(fā)成本
響應(yīng)式網(wǎng)站只使用一套頁面模板,所以設(shè)計人員只需要設(shè)計一套模板,前端人員也是只需要維護(hù)一套模板的代碼。
響應(yīng)式網(wǎng)站的缺點:
1、對舊版本瀏覽器兼容性差
對于老版本IE瀏覽器(IE6、IE7、IE8)支持不好,這是一個致命的問題,如果你的網(wǎng)站用戶大多還采用老版本IE的話,不建議做響應(yīng)式網(wǎng)站。
2、部分網(wǎng)站不適合做響應(yīng)式
內(nèi)容比較多的網(wǎng)站不適合做響應(yīng)式,如電商網(wǎng)站要把寬屏的PC端內(nèi)容全部在手機端進(jìn)行展示,勢必導(dǎo)致手機端的界面非常長,這樣對技術(shù)要求很高,實現(xiàn)難度與成本非常高。
3、對技術(shù)人員要求比較高
響應(yīng)式網(wǎng)站一般都會用到HTML 5和CSS 3等新興技術(shù),這對設(shè)計人員和前端人員的技術(shù)水平都提出了更高的要求。
總結(jié)
如果你的網(wǎng)站是企業(yè)官網(wǎng)或個人博客等內(nèi)容較少的,就可以采用響應(yīng)式網(wǎng)站,否則還是分別單獨搭建PC端和手機端網(wǎng)站。