手機版網站

這是早期最傳統的解決方案，因為手機螢幕比較小，沒辦法完整的呈現網站樣貌，而且早期太多 Flash 等等不支援手機顯示的網站元件，那時都是由程式判斷瀏覽器的 UserAgent 是否為手機，如果是的話，就會另外顯示專門為手機製作的簡易版網站畫面。

使用這種方式的優點是簡單又明瞭，不會下載太多不必要的大圖片來增加手機網路負擔，特別針對手機設計的介面也比較容易瀏覽。

但缺點卻很明顯，不只是額外開發新的網站造成人力的浪費，手機 UserAgent 的判斷有時候也會失誤，最重要的是手機版網站經常無法提供相較於桌面版完整的功能，因此同常都要提供一個返回桌面版的選項。

RWD 響應式設計

RWD網頁設計會根據不同的螢幕大小，自動將自己的排版調成對應的形狀來適應。當裝置的螢幕越來越窄，網站本身會將版面自動調整成垂直排版，會更適合在小螢幕上瀏覽，到目前已經成為網頁設計的主流了。

RWD的優點非常明確，我們只需要一個設計，就能適用於所有不同的版面，節省製作成本外網站風格也能達到一致性。另外，不單單只是手機與桌機的差別，只要螢幕大小不同，如平板等等，都可以根據螢幕來做最合適的排版，不會出現iPad只能看手機版的狀況。

網頁設計 網站設計 嘉義網頁設計 嘉義網站設計 

雲林網頁設計 雲林網站設計 台南網頁設計 台南網站設計