記得 WAP 嗎？如今瀏覽器技術飛躍，為移動設備單獨建站已非必要。遵循核心設計與佈局原則，你的站點即可被主流移動設備優雅訪問。本文系統梳理後移動時代 Web 設計原則與避坑指南。

移動瀏覽技術現狀

• 主流：Android、BlackBerry、iPhone 瀏覽器均支援 HTML+CSS+JS，但有局限。
• Flash：手機顯示黑屏無提示，需瀏覽器探測輸出替代內容。別指望移動端跑滿血 Flash。
• Silverlight：僅 WinMo 7 支援，微軟已擁抱 HTML5，不作長期押注。
• JavaScript：支援度勢不可擋，體驗逼近桌面，但避免過度複雜邏輯導致設備崩潰。腳本置頁底，優先渲染內容。
• CSS3：WebKit 系廣泛支援，視覺體驗更好、降級優雅、加速載入。注意舊機降級處理。

設計感 vs 易用性：技術避雷指南

移動專站必要性判斷

絕多數情況**不需要**專用移動站。唯有：電商站點 + 手機用戶存在明顯訪問/轉化障礙 → 考慮專站。

單欄佈局優先

拋棄側邊欄，內容單欄流動。Facebook、Amazon 均採用此策略改善移動體驗。

圖片處理

• 博客移動版常將圖片同文字等比縮小 → 看不清細節。
• 必須允許點擊圖片查看原尺寸版本。

簡化導航

只展示核心入口，免除無盡滾動。YouTube 頂部幹淨按鈕組是典範。

廣告與頁尾

• 去側邊欄後廣告位消失 → 廣告下沉頁尾。
• 頁尾放「完整站點鏈接」，尊重用戶選擇權。

工具鏈

• W3C Mobile Checker（驗證）
• JavaScript Support for Phones（JS 支援表）
• Mobile Site Converter / Simple Mobile Site Testing

後移動時代的核心心法：**一套代碼，優雅服務所有屏幕。**