RWD 是什麼，以及它為什麼是基本條件
RWD（Responsive Web Design，響應式網頁設計）指的是同一份網頁能依照裝置螢幕寬度自動調整版面，而不是為手機另外做一個網站。它在今天已經不是加值服務而是基本條件——台灣的一般網站行動裝置流量普遍過半，而 Google 的索引以行動版內容為主，手機版壞掉等於搜尋排名壞掉。
但「有 RWD」和「RWD 做得好」差距很大。很多網站在手機上確實不會爆版，可是字太小要放大才看得清、按鈕擠在一起容易點錯、重要資訊被推到第五個折疊區塊之後。技術上合格，體驗上不合格。
我們的做法
一、先決定資訊順序，再談版面
桌機是並排，手機是排隊。從並排變排隊時，誰排前面就是一個必須做的決定。我們會針對每個斷點重新安排順序，而不是讓瀏覽器按原始碼順序隨便疊下去——這是「縮小的桌機版」跟真正響應式最大的差別。
二、以實機操作為驗收標準
我們逐一檢查每個斷點：有沒有橫向滾動、觸控目標夠不夠大、表單在小螢幕上會不會被鍵盤遮住、圖片會不會為了塞進版面而被裁掉重點。這些問題在桌機瀏覽器縮放視窗時往往看不出來。
三、圖片按尺寸給，不要讓手機下載桌機圖
手機不需要下載兩千像素寬的圖。我們依顯示尺寸輸出對應的圖檔並延遲載入非首屏圖片——這往往是行動版速度最容易拿到的一大段改善。
四、把可讀性當硬指標
行文寬度、行高、字級與對比都有明確下限。中文與英文混排時的斷行規則也要處理，否則會出現一個字孤零零掉到下一行的情況。
常見的 RWD 問題
- 橫向滾動——多半來自固定寬度的表格、過寬的圖片或超出容器的絕對定位元素。
- 字太小——桌機看起來精緻的 13px，在手機上就是要瞇眼睛。
- 觸控區域太密——選單與按鈕之間需要留出足夠的間距，否則誤觸率很高。
- 手機版藏內容——為了版面乾淨把重要段落在手機上隱藏，會同時傷害使用者與搜尋收錄。
- 只在模擬器測——瀏覽器的裝置模擬跟真實手機的字體算繪與捲動行為並不相同。
常見問題
報價包含哪些？
方案價格包含需求訪談、資訊架構規劃、視覺設計、前端開發、RWD 適配、基礎 SEO 設定與上線部署。網域與伺服器費用、專業攝影、文案撰寫與多語言翻譯屬於另計項目，我們會在報價時逐項列出，不會事後追加。
需要多久？
Blank Pro 的一般專案約 4–8 週，取決於頁面數量與內容到齊的速度。實務上最常見的延誤不是設計或開發，而是等文案與圖片——這部分我們會在啟動時就把清單給你。
上線後可以自己改嗎？
可以。我們交付專屬後台，改文字與換圖片的操作跟編輯試算表差不多，不需要碰程式碼。若是版面結構的調整，可以走年度代管方案由我們處理。
原始碼是我的嗎？
是。專案結案時原始碼與資料庫完整交付，你可以自行備份、遷移或交給其他團隊接手。這是我們跟訂閱制平台最根本的差別。
兩種方案
Blank Pro（NT$ 80,000 起）——敏捷突圍方案。適合頁面規模明確、需要快速上線的專業服務事務所、實業品牌與個人品牌。
Blank ProX（NT$ 180,000 起）——企業旗艦方案。適合多品牌多據點、有大量結構化資料（產品型錄、規格表、案例庫），或需要嚴格權限控管與稽核日誌的企業。
完整的方案比較與適合對象寫在首頁，價格公開，不需要來回問價才知道預算。