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