RWD網頁設計的優缺點

「RWD響應式網頁設計」近幾年已成為網站開發的熱門技術，雖然它解決傳統網站在多尺寸螢幕相容問題，我們不可否認這項技術明顯較有優勢，但它能然有著一些缺點存在，為幫助大家能更進一步掌握RWD技術，下表簡短的列出它的優點及缺點，後面我們也額外做了說明，讓你也可以更進一步了解RWD技術。

響應式網站的設計在透過Google等搜尋引擎搜尋任何內容時為您的網站提供更高的排名，換句話說，您的網站更有機會出現在搜尋結果的第一頁，這也是大多數企業想要將就網站更新成為響應式網站的主要原因。

網站的瀏覽量變多意味著更高的利潤和銷售量，響應式網頁設計將這種流量轉化為銷售量。

當您成立響應式網站後，您的網站將會明顯增加的瀏覽人次，從而為您的公司帶來更多的利潤。

響應式網頁設計是一種策略性的長期解決方案，不用再另外引導瀏覽者切換到您網站的其他版本，減少維護的次數可節省您的時間、金錢和精力。

行動裝置的小螢幕上的選單樣式與在桌上型電腦的大螢幕上看到的不同，大螢幕的寬度足以完整的並排顯示選單；小螢幕的寬度較窄，通常都是將選單摺疊起來，待使用者要巡覽至其他頁面時，需要使用者主動的展開選單，才能看到選單按鈕以堆疊的方式呈現在畫面上。

響應式網頁設計是建構在 HTML 5 連接 CSS3 樣式的結構之下，瀏覽裝置會載入所有的程式，即便行動裝置的畫面僅會顯示原本桌上型電腦可以看到的內容的60%，其餘40%的內容仍被讀取但隱藏在CSS中。

在行動裝置上需要較長的載入時間，使用者必須等待資料載入，但等待時間超過 3 秒，就有可能流失 40% 的潛在客戶，相信這是任何企業都不樂見的結果。

與舊式傳統的固定式網站設計相比，響應式網站設計與開發的難度較高、費時較長。

響應式網站將根據CSS樣式表的 @media 規則進行判斷，該技術是瀏覽器用來判斷使用者正在使用的螢幕大小，提供相符的CSS樣式，有些舊版本的瀏覽器不支援此項技術。這項缺點會隨著時間與科技演進而消失，因為近年來新的電腦或智慧型手機都已經支援這些新技術了。

瀏覽器	Chrome	IE	Firefox	Safari	Opera
@media 最低需求版本	21.0	9.0	3.5	4.0	9.0