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