什麽是響應式網站

響應式網站會(hui)隨著訪(fang)問(wen)設備(bei)尺(chi)寸(cun)的(de)不同自(zi)動(dong)改變(bian)頁麵(mian)的樣式和(he)布(bu)局(ju)。一個(ge)網站等(deng)於同(tong)時(shi)兼顧了(le)多(duo)個網(wang)站(zhan)，
電(dian)腦(nao)、手(shou)機(ji)、平板、微信、電視都能(neng)友好訪問。既是(shi)PC網站，又(you)可(ke)變身(shen)微(wei)站、微商城(cheng)，接(jie)入到
微信(xin)、微博等移動App 。

傳統網站缺陷

在移動互(hu)聯(lian)網時代，瀏(liu)覽(lan)設備、屏幕多元(yuan)化發展的今(jin)天，使用(yong)傳(chuan)統網站進行品(pin)牌宣(xuan)傳、商品銷售(shou)的局限(xian)性(xing)
越(yue)來(lai)越明顯。尤其體(ti)現(xian)在(zai)移(yi)動設備上的顯(xian)示和交(jiao)互缺陷(xian)。

傳統(tong)網站在電腦上(shang)可以正常(chang)使(shi)用，
但使用手機、平板(ban)等移動設備訪問卻(que)會出現如(ru)下(xia)問題(ti)

Flash技(ji)術效果不(bu)兼容，動畫效果無(wu)法(fa)使用

網站排版(ban)布局固(gu)定(ding)，內(nei)容(rong)擠壓，點擊困難

網站內容字(zi)體小(xiao)，用戶需(xu)要(yao)放(fang)大(da)才(cai)能查(cha)看

無法與(yu)微信進(jin)行對接，不利(li)於分享傳播(bo)

體驗效(xiao)果(guo)太差(cha)，移動端用戶(hu)流失(shi)率(lv)高(gao)

移動端(duan)搜(sou)索(suo)排(pai)名靠(kao)後(hou)，不利於移動端推(tui)廣

傳統網站的移動化難題

目前，有(you)很(hen)多企業(ye)選(xuan)擇在電腦端使用傳統網站，而(er)在移動端再開(kai)發一(yi)個手機網站。
用戶在訪問時，瀏覽器(qi)會自動識(shi)別(bie)客戶使用的設(she)備，在兩(liang)個網站之(zhi)間進行(xing)跳(tiao)轉(zhuan)。

看(kan)似(shi)是一個網站，實際是在兩個不同網址的站點(dian)間(jian)進行跳轉
這(zhe)種(zhong)解決方(fang)案(an)看似解(jie)決了不同設備的顯示問題，但(dan)同樣(yang)存在眾(zhong)多缺陷

開發成(cheng)本(ben)高

兩個網站需分別設計開發，開發(fa)成本翻倍(bei)。

內容無法同步(bu)管(guan)理

兩個網站使用兩個後台，用戶、訂單(dan)數據(ju)分開管理(li)，加大負擔(dan)。

搜索排名不友好(hao)

電腦網站與手機網站有不同網址(zhi)，不易(yi)被(bei)搜索引擎收(shou)錄(lu)，影(ying)響(xiang)網站搜索排名(ming)。

升(sheng)級(ji)改版麻(ma)煩

當網站進行升級改(gai)版的時候(hou)，需要重新(xin)設計開發

HTML5響應式網站的誕生

正(zheng)是為應(ying)對(dui)設備、平台的多元化發展，響應式(shi)技術誕生了。
製作一個響應式網站，就相當(dang)於(yu)有了三個網站，電腦、手機、平(ping)板都(dou)能完(wan)美(mei)顯示。網站的版塊(kuai)可隨(sui)著(zhu)
設備屏(ping)幕(mu)的不同尺寸自動改變位置，網站文字可以在不同設備顯示合適的大小，無需讓用戶將局部(bu)放大、
縮小查看。讓使用不同設備訪問的用戶都能獲得(de)最(zui)佳的瀏覽體驗。