響應式網頁設計,英文全名為:Responsive web design,簡稱為RWD,中文名稱為:自適應網頁設計、響應式網頁設計。
是目前網頁設計的主流做法,RWD設計可使網站在多種瀏覽裝置(電腦、、平板、智慧型手機)都可以有很好的瀏覽效果,同時減少縮放、平移和捲動。
RWD是透過CSS3、JQueay網頁技術,讓電腦、平板、手機讀取同一個網站的圖文內容與資料庫,並根據瀏覽者使用的裝置,提供適合的頁面編排樣式。
RWD響應式網頁的優缺點:
優點
- 多裝置共用,維護成本低
- 不必另外設計手機版,讓網站形象一致。
- SEO搜尋引擎優化
- 符合使用者習慣
缺點
- 較舊的瀏覽器(IE7以下)不支援
- 複雜的功能或介面不適合
- 載入速度問題