現在位置: 首頁>網頁知識
2018/7/18
手機版網站
這是早期最傳統的解決方案,因為手機螢幕比較小,沒辦法完整的呈現網站樣貌,而且早期太多 Flash 等等不支援手機顯示的網站元件,那時都是由程式判斷瀏覽器的 UserAgent 是否為手機,如果是的話,就會另外顯示專門為手機製作的簡易版網站畫面。
使用這種方式的優點是簡單又明瞭,不會下載太多不必要的大圖片來增加手機網路負擔,特別針對手機設計的介面也比較容易瀏覽。
但缺點卻很明顯,不只是額外開發新的網站造成人力的浪費,手機 UserAgent 的判斷有時候也會失誤,最重要的是手機版網站經常無法提供相較於桌面版完整的功能,因此同常都要提供一個返回桌面版的選項。
RWD 響應式設計
RWD網頁設計會根據不同的螢幕大小,自動將自己的排版調成對應的形狀來適應。當裝置的螢幕越來越窄,網站本身會將版面自動調整成垂直排版,會更適合在小螢幕上瀏覽,到目前已經成為網頁設計的主流了。
RWD的優點非常明確,我們只需要一個設計,就能適用於所有不同的版面,節省製作成本外網站風格也能達到一致性。另外,不單單只是手機與桌機的差別,只要螢幕大小不同,如平板等等,都可以根據螢幕來做最合適的排版,不會出現iPad只能看手機版的狀況。