眾所周知,在手機統治世界的年代,我們仿佛在手上擁有了全世界,手機版的網站應運而生,但是pc端與手機端分開寫兩套代碼卻極大地增加了前端工作者的工作量,于是出現了一種新的概念,響應式布局,通過僅僅增添的兩行代碼就可以同步pc端與手機端的兩套代碼,而前端工作人員需要做的,僅僅是寫兩套不同的css樣式,這起碼為前端人員節省了一半的時間,但響應式布局真的這么好,這么沒有弊端么?今天匯仁智杰網站建設的小編就帶大家具體的了解一下。
首先是響應式頁面的優點:
1.可以跨平臺使用,在pad,手機,電腦上均有不俗的表現。
2.響應式的布局可以節省人力開發成本,不再需要人分開維護PC頁面和移動頁面。
3.表現力一致,用戶體驗良好。在不同的平臺上用戶所看到的頁面是一樣的,極大地提升了用戶體驗
那響應式布局又有什么缺點呢?
1.自由度太低,局限性較大。在pad,手機PC三種屏幕下的頁面內元素的呈現,會有這很大的局限性,所以只能用一張單一的圖或者一組動態圖來表達。
2.由于響應式的頁面是同時下載多套的css洋時代嗎,所以頁面會比較大,在2G,3G網絡下加載速度會很慢,不僅毫無意義,而且浪費流量資源。
3.對于非webkit內核的瀏覽器支持極差(IE6,7,8等就直接悲劇了)。
對于非webkit內核的瀏覽器,比如說Windows Phone手機上用的IE瀏覽器,完全就悲劇了,徹底看不了。不過還好,現在的IOS,Android都是webkit內核,至少在80%以上的手機上可以有良好的呈現。