The Core Idea
一個網址，一份主要內容，多種合理版面
RWD 是 Responsive Web Design 的縮寫。版面會依螢幕寬度、內容長度與交互需求改變欄數、間距、圖片裁切與導覽方式。桌機上並排的兩欄，到手機上可能變成上下排列；複雜導覽則可能收入選單。
良好的 RWD 會保留相同的核心資訊與功能，但調整顯示優先順序。它不應在手機上隨意隱藏重要文字、聯絡入口或表單功能。
查看 RWD 行動裝置介面服務Not Just Width
不是「有出現」就算完成
手機能打開頁面，不代表它好用。常見問題包括字太小、橫向滾動、按鈕難按、彈窗擋住內容、表格擠在一起，或圖片載入後版面大幅跳動。
測試時要實際完成任務：開選單、找服務、閱讀段落、撥打電話、填表單，而不是只看首頁截圖。
Same Content
手機版不應是簡化到無法理解
若桌機版有服務說明、FAQ 與聯絡方式，手機版也應能取得。可以改成卡片、折疊區塊或更精簡的導覽，卻不應因版面困難就拿掉重要資訊。
這也能降低維護成本：內容修改一次，不需同時維護一個桌機版網址與另一個手機版網址。
8-Point Check
用手機實際檢查這八件事
- 頁面寬度：正常閱讀不需左右拖曳；無意義的橫向滾動通常代表元件溢出。
- 標題與正文：不縮放也能輕鬆閱讀，每行不會過長，行距足夠。
- 導覽選單：可開啟、可關閉、可滾動，不會擋住還沒顯示的連結。
- 按鈕與連結：按壓範圍足夠，相鄰操作不過度擁擠，電話與 LINE 連結能正常開啟。
- 圖片與影片：不變形、重要主體不被錯誤裁切，並提供合理的替代文字。
- 表單：標籤清楚、鍵盤類型正確、錯誤說明可理解，送出後有真實結果而非只清空欄位。
- 螢幕旋轉：直式與橫式都不會出現內容被切掉或按鈕消失。
- 載入過程：主要內容不必等待過久，圖片出現時不會把已看到的文字推離原位置。
Testing Method
正確測試：不只拖曳電腦瀏覽器
拖窄電腦視窗可以快速找到排版斷點，但不能取代真實裝置。觸控操作、行動瀏覽器工具列、虛擬鍵盤、網路速度與裝置字體都可能影響結果。
- 至少用一支 iPhone 與一支 Android 裝置測試主要任務。
- 檢查常見寬度之間的過渡，不只看最寬與最窄。
- 測試首頁、服務頁、文章、費用與聯絡表單，因為各頁的內容結構不同。
- 關閉快取後重新載入，確認第一次進站的感受。