智慧型手機的崛起，使用者對手機版網頁的需求越來越多，最一開始的手機版網頁是透過JS的語法來判斷進入網站的裝置，如果是手機則進入手機板頁面，如果是桌機便進入桌機板頁面，對於原本就擁有桌機版網頁的業者來說，只要重新建置一個手機版的頁面即可達到擁有兩種版本的便利性，然而，隨著裝置的科技越來越進步，網站語法也跟隨著前進，進而衍伸出 RWD響應式網站。

RWD (Responsive web design)，中文稱作：響應式網頁設計、自適應網頁設計、對應式網頁設計、回應式網頁設計，這種網頁做法是基於HTML5與CSS3的結合，使前端設計師或是介面設計師能夠在頁面設計時就能夠達成多介面的設計呈現，省去了前端設計師與後端工程師一來一回的繁瑣交流，這對於製作網頁上可說是一大福音啊！

RWD最大的好處就是它透過設置畫面寬度做斷點，使網頁能夠達到各種裝置都能夠有最佳的瀏覽效果，進而提升使用者體驗，在這人手一機的時代，使用者能夠輕易的透過手機瀏覽網頁，是多麼方便的事啊！

關於RWD的介紹網路上有太多說明了，這裡就不再贅述囉！
可以參考看看維基百科的介紹

在過去的實際案件中，常常有客戶將RWD想像成兩個網頁，但事實上，它是將相同的網頁元素用CSS的語法使元素以不同的方式呈現在當前所使用的裝置上，這樣製作網頁的好處是，過多的網頁元素同時在一個頁面上，在載入時造成網路流量的負擔，如果同時在搭配上前端設計師巧妙的搭配CSS語法，減少實體圖片的使用量，更能大大提升網頁的讀取速度喔，這也能讓SEO大大的加分呢！

製作網頁的用意不外乎就是想讓使用者、消費者能夠快速的找到我們，通常自適應的功能在有預算的情況下，我們會設計兩套介面(桌機、手機)，基本上這已經足以符合一般大眾所使用的裝置囉！(可能僅有一些特定的裝置會有較不易瀏覽的狀況)，若您的預算允許，且對畫面要求極高，更能夠另外針對平板、大螢幕、舊型的小螢幕做設計，讓網站在任何刁鑽的裝置上都能無障礙的顯示，當然也是可以的啦 XD，只是這不只製作成本增加，也同時會增加維護網站的難度，就需要再考慮斟酌囉！

除此之外，現在Google在SEO的條件當中，也把是否符合行動裝置使用納入評斷搜尋排行的評分標準，所以若是您的網站不適合在手機上瀏覽的話，是會被Google點名作記號的喔！相對也就會影響網站在搜尋上的排名了。

歡迎您到 聯絡我們  留言告訴我們你的問題，或是透過網站最下方的連結加入我們的 LINE 或是 粉絲頁，FUN小編都很樂意為您解答疑問喔！