toniii6107的部落格

什麼是響應式網頁設計(Responsive Web Design)？
 

響應式網頁設計(Responsive Web Design)又稱適應性網頁，可以為多種顯示螢幕提供靈活自動調整，在所有移動設備上顯示效果極佳，圖像尺寸和字體將更加利於行動裝置上，所設計的鏈接和按鈕將更易觸發點擊。

如何使用響應式網站(RWD)？

通常響應式網站(RWD)會使用HTML, CSS或Javascript做設計，把網站的版面，以表格的方式理解，每個網站都會有不同的表格(區塊)，在不同的裝置大小下，自動的變動相關區塊以符合瀏覽大小。

響應式網站(RWD)通常會使用下面三種變化設計：

流動式佈局  Fluid Grid

有彈性的圖片  Fiexible Images

媒體查詢  Media Queries

簡單來說，響應式網站(RWD)應用流式佈局的理念，即頁面元素寬度隨着窗口調整而自動適配，創建多個流體式佈局，分別對應一個屏幕分辨率範圍，把網站的版面以表格的方式理解，每個網站都會有不同的表格(區塊)，在不同的裝置大小下，自動的變動相關區塊以符合瀏覽大小。

我需要使用響應式網站(RWD)嗎？
 

我們推薦您使用響應式網站(RWD)增加您的訪問者停留時間和了解更多內容的意願。根據Tyton Media最近的一項研究指出，94％的人在閱讀網站時，會因為網站提供的視覺體驗來決定是否繼續閱讀網頁內容。另外，因為響應式網站(RWD)的靈活特性，您將不需要再花一筆費用製作手機版網站，不管是使用智慧型手機、平板、筆記型電腦都可以正常瀏覽同一網站，提供最佳的視覺體驗。