響應式網(wǎng)頁設(shè)計

響應式網(wǎng)頁設(shè)計

所謂“響應式網(wǎng)頁設(shè)計(Responsive Web Design)”也就是自適應，就是可以自動識別屏幕寬度、并做出相應調(diào)整的網(wǎng)頁設(shè)計。目前這種設(shè)計已經(jīng)出現(xiàn)在越來越多的國內(nèi)網(wǎng)站上，目前Google已經(jīng)明確表明鼓勵響應式網(wǎng)頁設(shè)計。

(圖一:響應式網(wǎng)頁設(shè)計)

通常在瀏覽網(wǎng)頁時，手機上和電腦上無法顯示同一個網(wǎng)頁，這也導致許多網(wǎng)頁設(shè)計會自動轉(zhuǎn)到特定的鏈接上，如上圖所示，無論在PC端還是移動端，網(wǎng)頁的顯示其實都是一個版本，會隨著屏幕的大小網(wǎng)頁而改變。

(圖二：響應式網(wǎng)頁設(shè)計例子)

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

使用自適應網(wǎng)頁設(shè)計有5個好處：

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

2、該設(shè)計沒有網(wǎng)頁版本區(qū)分，所以SEO的策略保持一致。

3、可以避免重復內(nèi)容，專心維護這一個網(wǎng)頁。

4、保持網(wǎng)頁的原有鏈接。

5、Google也建議優(yōu)先采用響應式設(shè)計，因為無論是什么網(wǎng)頁版本都是相同的HTML、相同的內(nèi)容，Google最容易處理。

更多網(wǎng)站建設(shè)資料：