摘要:優(yōu)點(diǎn)如下在不同設(shè)備下能有不同的頁(yè)面排版,這也是響應(yīng)式最大的優(yōu)點(diǎn),在分辨率不同,設(shè)備環(huán)境進(jìn)行一些不同的設(shè)計(jì),所有開(kāi)發(fā)維護(hù)和運(yùn)營(yíng)上,相對(duì)多個(gè)版本成本會(huì)降低很多。
對(duì)于響應(yīng)式,前端工程師應(yīng)該不會(huì)陌生,響應(yīng)式網(wǎng)站是老外在2010年提出來(lái)的,是為了能讓網(wǎng)頁(yè)在不同設(shè)備下兼容多個(gè)終端,而不是為每個(gè)終端特定一種版本。
優(yōu)點(diǎn)如下:
1.在不同設(shè)備下能有不同的頁(yè)面排版,這也是響應(yīng)式最大的優(yōu)點(diǎn),在分辨率不同,設(shè)備環(huán)境進(jìn)行一些不同的設(shè)計(jì),所有開(kāi)發(fā)維護(hù)和運(yùn)營(yíng)上,相對(duì)多個(gè)版本成本會(huì)降低很多。
2.兼容性好,能在不同的設(shè)備下瀏覽。
3.方便后期維護(hù)頁(yè)面,只需要對(duì)必要的頁(yè)面進(jìn)行修改,不會(huì)影響其他頁(yè)面。
缺點(diǎn)如下:
1.頁(yè)面加載過(guò)多的代碼,當(dāng)你在pc端加載的時(shí)候,css樣式也會(huì)將手機(jī)端的冗余代碼一塊加載,這樣就直接影響了加載速度。
2.在響應(yīng)式設(shè)計(jì)中,圖片和視頻都是統(tǒng)一加載的,當(dāng)你在設(shè)備低的手機(jī)上加載不符合當(dāng)前需要的圖片或者視頻,就會(huì)過(guò)多的消耗用戶(hù)的流量。
3.局限性,對(duì)于響應(yīng)式,局限性較大,不適合一些大型的門(mén)戶(hù)網(wǎng)或者電商網(wǎng)站,一般門(mén)戶(hù)網(wǎng)或電商網(wǎng)站一個(gè)界面內(nèi)容較多,而響應(yīng)式最忌諱較多內(nèi)容,代碼過(guò)多會(huì)影響運(yùn)行速度。
謝謝!!
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/50545.html
摘要:優(yōu)點(diǎn)如下在不同設(shè)備下能有不同的頁(yè)面排版,這也是響應(yīng)式最大的優(yōu)點(diǎn),在分辨率不同,設(shè)備環(huán)境進(jìn)行一些不同的設(shè)計(jì),所有開(kāi)發(fā)維護(hù)和運(yùn)營(yíng)上,相對(duì)多個(gè)版本成本會(huì)降低很多。 對(duì)于響應(yīng)式,前端工程師應(yīng)該不會(huì)陌生,響應(yīng)式網(wǎng)站是老外在2010年提出來(lái)的,是為了能讓網(wǎng)頁(yè)在不同設(shè)備下兼容多個(gè)終端,而不是為每個(gè)終端特定一種版本。優(yōu)點(diǎn)如下:1.在不同設(shè)備下能有不同的頁(yè)面排版,這也是響應(yīng)式最大的優(yōu)點(diǎn),在分辨率不同,設(shè)...
摘要:所以一個(gè)網(wǎng),甚至是響應(yīng)式設(shè)計(jì),在兩個(gè)平臺(tái)上都會(huì)損害您整體的。三響應(yīng)式與如果把網(wǎng)站作為一個(gè)單獨(dú)的網(wǎng)站,如果網(wǎng)站的內(nèi)容與桌面版的內(nèi)容相對(duì)缺少,導(dǎo)致用戶(hù)回到桌面端的網(wǎng)站,會(huì)記錄這種選擇,使搜索排名降低,國(guó)內(nèi)百度就不知道會(huì)怎樣。 一、為什么需要響應(yīng)式設(shè)計(jì)(responsible web design) 1. 響應(yīng)式發(fā)展背景 1、屏幕尺寸的快速變化,iphone為320x480,分辨率在未來(lái)可以...
摘要:改變屏幕分辨率可以切換不同的靜態(tài)局部頁(yè)面元素位置發(fā)生改變,但在每個(gè)靜態(tài)布局中,頁(yè)面元素不隨窗口大小的調(diào)整發(fā)生變化。即創(chuàng)建多個(gè)流體式布局,分別對(duì)應(yīng)一個(gè)屏幕分辨率范圍。 一、靜態(tài)布局(static layout) 即傳統(tǒng)Web設(shè)計(jì),網(wǎng)頁(yè)上的所有元素的尺寸一律使用px作為單位。 1、布局特點(diǎn) 不管瀏覽器尺寸具體是多少,網(wǎng)頁(yè)布局始終按照最初寫(xiě)代碼時(shí)的布局來(lái)顯示。常規(guī)的pc的網(wǎng)站都是靜態(tài)...
摘要:改變屏幕分辨率可以切換不同的靜態(tài)局部頁(yè)面元素位置發(fā)生改變,但在每個(gè)靜態(tài)布局中,頁(yè)面元素不隨窗口大小的調(diào)整發(fā)生變化。即創(chuàng)建多個(gè)流體式布局,分別對(duì)應(yīng)一個(gè)屏幕分辨率范圍。 一、靜態(tài)布局(static layout) 即傳統(tǒng)Web設(shè)計(jì),網(wǎng)頁(yè)上的所有元素的尺寸一律使用px作為單位。 1、布局特點(diǎn) 不管瀏覽器尺寸具體是多少,網(wǎng)頁(yè)布局始終按照最初寫(xiě)代碼時(shí)的布局來(lái)顯示。常規(guī)的pc的網(wǎng)站都是靜態(tài)...
閱讀 648·2021-10-27 14:15
閱讀 1182·2021-10-15 09:42
閱讀 2745·2019-08-30 15:53
閱讀 1288·2019-08-23 17:02
閱讀 2965·2019-08-23 16:23
閱讀 3181·2019-08-23 15:57
閱讀 3465·2019-08-23 14:39
閱讀 518·2019-08-23 14:35