沒有RWD或AWD的網站到底會怎樣？先講結論，網站流量會暴跌，RWD跟AWD就是可移動端浏覽的網站，而現在用移動設備上網的比例超過80%，而且搜索引擎已經以移動端網站表現爲排名依據，簡單來說沒有移動版的網站等于宣告死刑，無法被搜索的網站有什麽用？沒有RWD的網站請趕快改版，RWD、AWD都不是很新的技術了，已經是成熟的技術，而且模闆網站費(fèi)用沒有很高，趕快改版才是當務之急。

RWD（響應式網頁設計）是什麽?

RWD(響應式網頁設計)可以自動适當顯示于各種不同裝置，包含桌機、手機、平闆...根據不一(yī)樣的屏幕大(dà)小(xiǎo)設計友善的閱讀界面，網站可以被各種人群閱讀。常用閱讀解析度: 電(diàn)腦版寬度：1024px以上，平闆裝置寬度720px ~ 1024px之間，手機裝置寬度：320px ~ 720px之間，當不同寬度時，RWD就會顯示不一(yī)樣的排列方式，如果是AWD是不會這樣變化的，所以谷歌浏覽器的移動視窗是沒辦法檢測AWD的。

相關内容：爲啥企業網站需要響應式網頁設計（RWD）？

AWD (自适應式網頁設計)是什麽?

AWD跟RWD存在目的一(yī)緻，希望在PC、平闆、手機都能顯示最佳畫面，RWD是随着視窗大(dà)小(xiǎo)縮小(xiǎo)、放(fàng)大(dà)，如果是AWD則不會随着視窗「即時」放(fàng)大(dà)放(fàng)小(xiǎo)，AWD會有屬于自己的判斷設備大(dà)小(xiǎo)的程序，然後會以不同的CSS達成一(yī)樣的效果，至于RWD比較好還是AWD比較好，繼續看下(xià)去(qù)。

RWD與AWD的比較

PC、手機内容元素不完全一(yī)緻，RWD在PC、手機内容是完全一(yī)樣，AWD會針手機内容做優化，減少不必要的大(dà)圖，提高手機版的速度，RWD如果内容很多，手機跑起來會慢(màn)一(yī)點，因爲都是同一(yī)套CSS ，PC用的圖、文、效果會完整呈現在手機上，手機性能、網速沒有PC好的時候，當然會比較吃力。 AWD的PC、手機畫面是不同的，不同設備的CSS是分(fēn)開(kāi)維護，後端也有部分(fēn)是分(fēn)開(kāi)維護。
兩種都會判斷設備
RWD會根據設備的畫面寬度去(qù)判斷展示怎樣的網站。AWD是判斷設備是哪一(yī)種，是PC就跑PC的CSS，是手機就跑手機的CSS，從網址來看兩者都是一(yī)樣的網址，RWD跟AWD都沒有像以前分(fēn)成不同網址，不同網址流量會分(fēn)散難免會影響SEO，AWD跟RWD都是一(yī)樣的網址，不影響SEO。

RWD之間還是有優劣

每家網站建設公司都聲稱自己有RWD設計的能力，實際上RWD有分(fēn)成自己切RWD(前端工(gōng)程)跟模闆RWD(Bootstrap)，自己切版就是先做設計再把畫面手切圖變成HTML，套用就是先依照Bootstrap的模闆上設計給您，手工(gōng)切版耗時、麻煩，但是網站建設公司擁有技術可以随意修改版面，Bootstrap方便省事難修改，大(dà)部分(fēn)網站建設公司都是用Bootstrap，Bootstrap的缺點是「架構不調整就無法提升速度」，雖然手工(gōng)切版成本高、制作時間長，如果有SEO需求當然是以手工(gōng)切版爲優先，可以順利将網站架構最佳化。

網站内容是多還是少?

像淘寶、京東等電(diàn)商(shāng)網站，你會發現大(dà)部分(fēn)都不會是RWD設計的網站，通常都是AWD設計的網站。購物(wù)網站比較适合AWD，AWD可以針對手機版做更有效的配置與使用者體(tǐ)驗(UX)，不是RWD不能用在購物(wù)網站，而是AWD相對更适合内容繁雜(zá)的購物(wù)網站，反之RWD非常适合簡單内容的企業網站。

有多少預算?

RWD在上線後的維護是比較容易的，AWD維護上較繁瑣，上線前的制作成本AWD略高于RWD，所以如果您制作與維護上的考量，還是選擇RWD比較劃算一(yī)點點，還有AWD的開(kāi)發時間是略多于RWD的，如果您時間上不允許，可以選擇RWD。上線後的前端修改。維護上AWD比RWD容易，因爲可以分(fēn)開(kāi)調整。

是否更重視手機端的使用者體(tǐ)驗(UX)?

如果更重視手機版的使用者體(tǐ)驗(UX)，那就建議用AWD制作，因爲RWD爲了同時滿足各種設備的适應性，一(yī)定會犧牲很多畫面與功能，AWD因爲跟PC是分(fēn)開(kāi)的界面，AWD可以針對手機使用者開(kāi)發更爲友善的界面，如果希望手機可以得到更棒的體(tǐ)驗，AWD是優于RWD的。

結論

根據我(wǒ)(wǒ)們的經驗，如果您的網站内容簡單可以選RWD，例如: 企業型網站。如果您是很依賴手機端，并且網站内容也很豐富的網站，例如: 購物(wù)網站，那麽建議您用AWD制作，無論是将來的修改速度、彈性、操作優化，都會比RWD好。