2012年被稱為智能手機年。根據(jù)最近一份調(diào)查顯示，美國的智能手機覆蓋率已達50%?，F(xiàn)在確實是提升移動終端用戶體驗的大好時機。如果你正運營一個網(wǎng)站，那就必須有一個響應(yīng)式的Web設(shè)計，以便可以從移動終端上很好地訪問你的網(wǎng)站。如果你還沒意識到響應(yīng)式設(shè)計的盛行，你應(yīng)該多去了解一下它。

響應(yīng)式Web設(shè)計

首先了解什么是響應(yīng)式Web設(shè)計，這一點很重要。精確的說，響應(yīng)式Web設(shè)計是一種技術(shù)，可以使網(wǎng)站適應(yīng)于任何設(shè)備。任何設(shè)備，可以是智能手機、平板電腦、TV、PC顯示器、iPhone和Android手機，包括橫向、縱向的屏幕。你需要做得只是正確地實現(xiàn)響應(yīng)式Web設(shè)計，到時你的網(wǎng)站就可以很 好地適合各種設(shè)備。

響應(yīng)式設(shè)計的替代方案

自從移動設(shè)備成為除桌面瀏覽器外的另一選擇時，響應(yīng)式Web設(shè)計便開始廣泛流行起來。有些人認為響應(yīng)式Web設(shè)計是讓更多人訪問該網(wǎng)站的最佳方法。但有些網(wǎng)站由于太復(fù)雜而無法實現(xiàn)響應(yīng)式Web設(shè)計。針對這樣的網(wǎng)站，有如下兩個解決方案：

開發(fā)針對網(wǎng)站的、完全獨立的移動版本

如果你認為你現(xiàn)在的網(wǎng)站無法實現(xiàn)響應(yīng)式Web設(shè)計，你可以為你的網(wǎng)站再開發(fā)一個全新的移動版本。如果用戶通過移動終端訪問你的網(wǎng)站，他們將被引導(dǎo)至網(wǎng)站的移動版本；系統(tǒng)將檢測他們的智能手機，相應(yīng)地顯示網(wǎng)站內(nèi)容。

開發(fā)移動應(yīng)用

如果不想陷入設(shè)計響應(yīng)式網(wǎng)站的麻煩之中，開發(fā)一個移動應(yīng)用是最好的辦法。但單獨開發(fā)移動應(yīng)用可能會很昂貴，同時它也不是“開放Web”的一部分，搜索引擎無法找到他們。

響應(yīng)式Web設(shè)計的優(yōu)點和缺點

不要認為響應(yīng)式Web設(shè)計是針對移動終端的萬能解決方案。它并不能真正替代移動網(wǎng)站。但它非常受歡迎，且有很多優(yōu)點。世間萬物，有優(yōu)點，必有缺點。響應(yīng)式Web設(shè)計同樣也有缺點。讓我們來看一下響應(yīng)式Web設(shè)計的正反兩個方面。

優(yōu)點

1.對用戶友好
很顯然，響應(yīng)式Web設(shè)計可以向用戶提供友好的Web界面，因為它可以適應(yīng)幾乎所有設(shè)備的屏幕。現(xiàn)在技術(shù)發(fā)展日新月異，每天都會有新款智能手機推出。如果你擁有響應(yīng)式Web設(shè)計，用戶可以與網(wǎng)站一直保持聯(lián)系，而這正是開發(fā)響應(yīng)式網(wǎng)站的目的所在。

2.移動頻段（Mobile Segment）
在響應(yīng)式網(wǎng)站的幫助下，你可以獲得網(wǎng)站流量的全景圖。你需要做的只是創(chuàng)建一個移動頻段（的流量統(tǒng)計），以獲得與網(wǎng)站流量相關(guān)的所有必要信息。流量的狀態(tài)在分析網(wǎng)站性能及采取必要措施提升性能方面十分有用。

3.積累分享
響應(yīng)式Web設(shè)計可以讓你（作為網(wǎng)站的擁有者）通過單一的URL地址收集所有的社交分享鏈接。你可以為創(chuàng)建更好、更友好的網(wǎng)站而做出積極貢獻。

4.最佳化搜索引擎
搜索引擎也在變得越來越聰明，它們足夠智能可以完成移動網(wǎng)站和桌面網(wǎng)站的連接。

5.無重定向
響應(yīng)式Web設(shè)計最大的優(yōu)點之一是，你不必在乎任何重定向，它包含無用戶代理定向。所以當(dāng)你很少負責(zé)解決重定向及定向用戶時，這是一件很棒的事情。

6.更少維護
開發(fā)一個獨立的移動網(wǎng)站，會增加你的工作負擔(dān)。實際上你就擁有了兩個獨立網(wǎng)站。如果你有一個響應(yīng)式網(wǎng)站，維護的成本將會很小，因為它只有一個布局，且可工作在所有類型的設(shè)備上，而這可以明顯地減少你的工作量。

缺點

1.加載需要一定的時間
雖然，它不是一個大問題，在響應(yīng)式設(shè)計中，需要下載一些看起來并不必要的HTML/CSS。除此之外，圖片并沒有根據(jù)設(shè)備調(diào)整到合適大小，而這正是導(dǎo)致加載時間加倍的原因。

2.優(yōu)化搜索引擎
對于響應(yīng)式Web設(shè)計，為搜索引擎確定關(guān)鍵字不是一件容易的事。因為相比一般桌面用戶，移動用戶多采用不同的關(guān)鍵字，修改標題及其他事項都比較困難。

3.Google排名
如果響應(yīng)式網(wǎng)站僅基于移動內(nèi)容，它可能會影響到網(wǎng)站的Google排名。因為Google不支持這樣的網(wǎng)站，它不會對你的網(wǎng)站進行索引。

4.時間花費
開發(fā)響應(yīng)式網(wǎng)站是一項耗時的工作。如果你計劃把一個現(xiàn)有網(wǎng)站轉(zhuǎn)化成響應(yīng)式網(wǎng)站，可能耗時更多。如果你想要一個響應(yīng)式網(wǎng)站，最好從草圖開始重新設(shè)計。

5.布局
響應(yīng)式Web設(shè)計的布局主要是液態(tài)的，這也正是設(shè)計者對設(shè)計樣式不好控制的原因。而且眼下正是設(shè)計者提前展示各種“復(fù)制品”的時候。設(shè)計者試圖針對移動和桌面布局分別顯示線框和設(shè)計原型。只有等到這兩種布局均得到提高后，響應(yīng)式Web設(shè)計策略才能真正實現(xiàn)。

結(jié)論

響應(yīng)式Web設(shè)計并非適合所有類型的網(wǎng)站。盡管，由于技術(shù)上的最新進步，從移動設(shè)備上訪問網(wǎng)站的數(shù)量已經(jīng)增長，但在頂端、最著名的網(wǎng)站中，只有9%擁有他們的移動網(wǎng)站。最新好消息，Google已經(jīng)推薦使用響應(yīng)式Web設(shè)計，這將使其更加流行。

來源:立方網(wǎng)http://www.L99.com
立方網(wǎng)（www.L99.com)——立體交友，極品分享，給記憶一個落腳的地方！

?

轉(zhuǎn)載于:https://www.cnblogs.com/shijianzhou/archive/2012/06/29/2569867.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的响应式Web设计——最佳指南的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。