響應式網頁設計(Responsive Web Design

隨著智慧型手機的普及網頁的技術近年來也開始重視手機上的視覺效果了。

自適應網頁設計(Responsive Web Design)這個設計方式，也是現代網頁設計的一項新潮流。

在此說明一下，一般的手機版網站設計都是與電腦上的網站區隔開來另外再製作，若是舊網站只做手機版，而沒有整個重新製作，就會導致管理者若要更新網頁內容時就必須要更新兩次，尤其是網站沒有後台管理系統又委託給不同設計公司作電腦版跟手機版網站時，資料修更新就更麻煩了，時常不能同步，不小心沒有更新到時，常會引起不必要的客訴，若網站同時具備多稱語言版本，又沒後台，光是想到要改網站內容就頭大了。

響應式網頁設計

這是一項被公認在2013年網頁開發技術的重要進步之一。

網站使用CSS3媒體queries方式，以百分比的方式以及彈性的畫面設計，在不同解像度下改變網頁頁面的佈局，的讓不同的設備都可以正常瀏覽同一網站，提供最佳的視覺體驗，因為移動平台的用戶大量增加而想出的一個對應方法。

透過CSS，可以使得網站透過不同大小的螢幕視窗來改變排版的方式，使得使用者能夠得到最佳的視覺效果。

由於是由同一個網頁轉變，管理者也就不必大費周章的重複更新網頁資訊，一次搞定。

不僅手機版本，就連平板電腦如iPad的等的平台也能夠達到視覺最佳化。

參考文章：

• http://www.ibest.tw/page01.php