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

RWD網站如同水，而電腦、手機等裝置螢幕就是杯子之容器，水可以裝在各種容器裡，水也能自行去適應容器的大小尺寸

原圖文出處：http://www.netblade.co.in

 

RWD響應式網頁就像水一樣，可以讓網頁裝在多種容器裡面

 

「響應式網站」這名稱聽起來怪怪的，其實英文是「Responsive Web Design」簡稱「RWD」，中文又稱自適應、適應性或響應式網頁設計，會有這麼多不同的中文名稱，是因為Responsive Web Design是因應智慧型手機及平板而大量運用的優勢技術，國外已經非常習慣用RWD技術設計網站。在2014年，我們也開始陸續製作RWD網站的客戶需求。



響應式網頁是要「響應」什麼呢？簡單來說，響應式網頁設計就是透過CSS3+JQuery網頁技術，讓手機、平板、電腦網站使用同一網站的圖文內容及資料庫，在不同尺寸或解析度的設備或螢幕上，網頁程式會根據使用者的裝置，以符合版面大小的樣式來顯示網頁的內容。更簡單地說，RWd網站技術讓你可以只花一個網站的費用，讓電腦、手機、平板都可以正常瀏覽同一個網站，再也不需要用手指在面板上放大、縮小。

 

為什麼要做響應式網頁 Responsive Web Design？

 

因為越來越多人要用手機、平板瀏覽網頁。行動上網的比例越來越高，

以目前主流裝置的解析度來看，就有8種尺寸範圍，因此要讓每種裝置都能順暢瀏覽，不只考驗工程師的功力，也非常考驗前端網頁設計的視覺美感，與後端多螢測試的耐性。