什麼是RWD自適應(響應式)網站呢?

Posted by Admin on 5 June 2015

Responsive Web Design, 縮寫RWD,又稱自適應、響應式、回應式網頁設計,這名詞對許多客戶甚至早期的網頁設計者應該還是很陌生的,因為這項技術在國內還尚未普及化,雖然在國外已經行之有年。
自適應網頁設計白話就是自動適應不同的觀看螢幕尺寸,而達到友善的使用者習慣的網頁,因為近年來手機與平板的上網率持續攀升,傳統的網頁在手機上會整個縮小,按鈕與文字都會不好觀看與點擊,所以有了這項利用CSS3+JQueay的網頁技術。

密密麻麻的字看得霧剎剎,沒關係,以夏娃的網站為例,請用手機掃描右邊的QRCODE,你就會知道我在說什麼了

▲螢幕寬度1024像素以上時(通常為電腦螢幕),網站資訊會完整的呈現

 


▲螢幕寬度700像素以下時(通常為平板電腦螢幕),圖片文字會自動排列斷行方便閱讀
螢幕寬度400像素以下時(通常為手機螢幕),資訊會垂直往下延伸方便閱讀,選單為隱藏式

 

RWD自適應網站在手機與平板上的優異表現,因應手機上網的時代來臨,舊型的網站已被逐漸被淘汰,如果您正要做網站,請一定選擇RWD自適應網站,才不會失去手機龐大的商機,如果您有一個舊網站,請一定換成新的RWD自適應網站,免得讓同業提早搶佔手機上網的市場。