響應式網頁設計

所謂“響應式網頁設計(Responsive Web Design)”也就是自適應，就是可以自動識別屏幕寬度、并做出相應調整的網頁設計。目(mu)前這種設計已經出(chu)現在越來越多的國內網站上，目(mu)前Google已經明確表明鼓勵響應(ying)式網頁設計。

(圖一:響應式網頁設計)

通(tong)常在(zai)瀏覽網頁(ye)(ye)時，手機上(shang)(shang)(shang)和電腦(nao)上(shang)(shang)(shang)無(wu)法顯(xian)示(shi)同一個網頁(ye)(ye)，這也導(dao)致許多網頁(ye)(ye)設計會(hui)自動(dong)轉到(dao)特定的鏈(lian)接上(shang)(shang)(shang)，如上(shang)(shang)(shang)圖所示(shi)，無(wu)論在(zai)PC端(duan)還是移(yi)動(dong)端(duan)，網頁(ye)(ye)的顯(xian)示(shi)其實都是一個版本，會(hui)隨著屏幕的大小(xiao)網頁(ye)(ye)而改變。

(圖二：響應式網頁設計例子)

(圖三：迪士尼公司的網頁)

使用自適應網頁設計有5個好處：

1、隨著(zhu)移動設備(bei)越來(lai)越多，可以提升用戶體驗。

2、該設計沒有網頁版本區分，所(suo)以(yi)SEO的策略保(bao)持一致(zhi)。

3、可以(yi)避免(mian)重復內容，專(zhuan)心維護這一(yi)個網頁。

4、保持網頁(ye)的(de)原有(you)鏈接(jie)。

5、Google也建(jian)議優先采用響應式(shi)設計(ji)，因為無論是什么網(wang)頁版本都是相(xiang)(xiang)同的HTML、相(xiang)(xiang)同的內(nei)容(rong)，Google最容(rong)易處理。

更多(duo)網站(zhan)建設資料：