什麼是『響應式網站』Responsive Web Design?十分鐘，理解＋實作

RWD響應式網頁設計又稱為回應式網站設計，是指網站能跨平台使用，自動偵測使用者上網的裝置尺寸，

 

能針對不同螢幕的大小而自動調整網頁圖文內容， 讓使用者在用手機瀏覽您的網站時，

 

不用一直忙著縮小放大拖曳，給使用者最佳瀏覽畫面。

 

採用 RWD 的優點之一，是您只需要維護單一網站版本，而非兩個版本。

 

舉例來說，您不必同時維護電腦版網站 和行動版網站 ，

 

即可兼顧電腦版和行動版網站訪客的使用需求。

 

無論使用者透過何種裝置瀏覽網頁(包括桌上型電腦、平板電腦或手機)，該網頁一律使用相同的網址和程式碼，

 

只不過網頁的顯示效果會依據螢幕尺寸進行調整。因此，Google 建議您使用 RWD，而非其他設計樣式。