【RWD入門指南】RWD響應式網頁設計__案例示範

可以同時適用於不同裝置 RWD就是運用 HTML5 、 CSS3 等程式語言的運用，讓網站能夠自適應不同設備的螢幕大小，呈現出正常的網站內容。RWD網站採用 CSS3 的 Media Queries ( 媒體查詢 ) 技術，針對不同裝置設定斷點 breakpoints，面對不同螢幕尺寸能夠自動調整網頁版面寬度、操作介面、內容排版、圖片大小…等，電腦、平版、手機等裝置都能順利瀏覽，且不用為某個裝置另外製作網站，僅用一個網站、一個網址就能解決螢幕尺寸問題，就算未來有更大或更小螢幕尺寸的的裝置，也不用擔心無法

響應式網頁設計（ResponsiveWebDesign，簡稱RWD）是一種網頁設計方法，旨在使網頁在不同的螢幕尺寸和解析度下都能保持良好的瀏覽效果。

RWD網站早已成為網頁設計開發的趨勢，響應式網頁設計雖然解決了傳統網站在多尺寸螢幕相容問題，但同時也有著一些你不能不知道的缺點存在。

什麼是響應式網頁設計?根據維基百科的就是，響應式網頁設計 (Responsive Web Design，RWD)是一種可以使網站根據網友的行為以及使用的設備環境進行相對應的佈局，以有效解決跨平台瀏覽尺寸不符的問題，使網站獲得最佳顯示效果的網頁設計技術。

雖然RWD響應式網頁設計已是從早期的選配加購，發展至今已成為標準規格，但是並不是所有網站都適合RWD響應式網頁設計，這一篇說明RWD的優缺點，我們比較的角度是以設計及維護成本、相容性與SEO等幾個重點進行說明。