響應式網頁設計的(de)優缺點分(fēn)析

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

通(tōng)常在浏覽網頁時(shí)，手機上和(hé)電腦(nǎo)上無法顯示同一個(gè)網頁，這(zhè)也(yě)導緻許多(duō)網頁設計會自動轉到特定的(de)鏈接上，如上圖所示，無論在PC端還(hái)是移動端，網頁的(de)顯示其實都是一個(gè)版本，會随著(zhe)屏幕的(de)大(dà)小網頁而改變。

下(xià)面是一些例子：

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

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

使用(yòng)自适應網頁設計有5個(gè)好處：

1. 随著(zhe)移動設備越來(lái)越多(duō)，可(kě)以提升用(yòng)戶體驗。
2. 該設計沒有網頁版本區(qū)分(fēn)，所以SEO的(de)策略保持一緻。
3. 可(kě)以避免重複内容，專心維護這(zhè)一個(gè)網頁。
4. 保持網頁的(de)原有鏈接。
5. Google也(yě)建議(yì)優先采用(yòng)響應式設計，因爲無論是什(shén)麽網頁版本都是相同的(de)HTML、相同的(de)内容，Google最容易處理(lǐ)。

響應式網頁設計對(duì)SEO是友好的(de)，這(zhè)些相關技術還(hái)在不斷演化(huà)中，還(hái)有許多(duō)尚待客服的(de)地方。下(xià)面來(lái)說說他(tā)的(de)缺陷：

1.對(duì)老版本IE支持不好，這(zhè)是一個(gè)緻命的(de)問題，尤其是IE6，如果你的(de)網站用(yòng)戶大(dà)多(duō)還(hái)采用(yòng)老版本的(de)IE的(de)話(huà)(建議(yì)在統計工具裏看一下(xià))，就不适合做(zuò)響應式網頁設計了(le)。

其實我一直想采用(yòng)響應式網頁設計，從新設計盧松松博客的(de)網頁，但看到統計裏的(de)老版本IE用(yòng)戶依然很多(duō)，隻好放棄。

2.例如一些小遊戲站、視頻(pín)站，如果僅僅是網頁采用(yòng)了(le)響應式設計，但裏面的(de)内容依然是隻能在PC端打開的(de)話(huà)，這(zhè)時(shí)候就要認真考慮了(le)。

國外copyblogger的(de)博客提到了(le)一個(gè)很特别的(de)案例，就是迪士尼公司的(de)網頁。他(tā)說在迪士尼網頁中有許多(duō)給小朋友玩的(de)網頁遊戲，有些遊戲可(kě)以在桌上型電腦(nǎo)玩，但是如果使用(yòng)移動設備就可(kě)以無法使用(yòng)。因此這(zhè)個(gè)情況下(xià)，就必須做(zuò)出抉擇，放棄使用(yòng)Responsive Web Design，或是修改遊戲。

寫在最後：

從今年開始，響應式網頁設計逐漸流行開來(lái)，雖然很熱(rè)門，但是并沒有太多(duō)網站采用(yòng)這(zhè)類的(de)設計方式。