什麼是RWD響應式網站設計?

by KINA

響應式網頁設計(英語:Responsive web design,通常縮寫為RWD),或稱回應式網頁設計、適用式網頁設計、對應式網頁設計。 是一種網頁設計的技術做法,該設計可使網站在不同的裝置(電腦、手機、平版或其他行動產品裝置),進行瀏覽時,根據不同解析度有適合的呈現方式,以減少使用者進行縮放、平移和捲動等操作行為。

沒有RWD的網站,在手機和電腦會如何呈現網頁?

有RWD的網頁,版面配置會自動跟著桌電/筆電/手機不同的裝置自動調整,讓網頁符合各裝置的操作習慣。當你的網站沒有符合RWD響應式,你的潛在客戶如果用手機上網,可能看都不看就直接關掉網頁。

沒有RWD的網頁

在手機上會看到像左圖這樣,選單文字過小、無法清楚閱讀內容。必須不斷用手指頭在手機上不停地放大縮小,才能看清楚文字內容。

有RWD的網頁

就相當於是有手機版網站,在手機上看到的畫面則會像右圖,各區塊會依設定的比例做區塊切換,不需手指放大就可以清楚網頁文字。

Related Posts