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