手機版網頁跑版怎麼辦？該修還是該重做

RWD（Responsive Web Design，響應式網頁設計）指的是同一個網站會依照螢幕寬度自動調整版面：電腦上排三欄，手機上自動疊成一欄、字級放大、按鈕變好按。訪客不需要縮放，網址也只有一個。

在 RWD 普及之前，常見作法是另外做一個手機版網站（網址常是 m. 開頭）。這種雙站作法維護成本高、內容容易不同步，現在已被淘汰。Google 也早已改用行動版內容優先索引——它主要看你網站的手機版來決定排名，手機版壞掉等於搜尋表現跟著壞。

最常見的是網站根本不是 RWD：多年前製作的網站以固定寬度設計（例如寫死 960 像素），手機只能整頁縮小顯示，字自然小到看不清。

第二類是「有 RWD 但做壞了」：圖片沒有設定自動縮放而凸出畫面、表格太寬把整頁撐開、第三方外掛（地圖、表單、輪播）塞進來的內容不受版面控制。

第三類是後來改壞的：網站本來正常，某次請人加了一段內容或貼了一段程式碼之後開始跑版。這類問題範圍最小，也最值得修。

最直接的是拿自己的手機開網站，走一遍訪客會走的路：看首頁、找電話、看價目或菜單、送出表單。過程中任何需要兩指縮放、橫向捲動、按錯按鈕的地方，都記下來。

在電腦上可以用瀏覽器的開發者工具模擬手機：Chrome 按 F12 後點裝置圖示，就能切換不同手機寬度。重點看 375 像素（窄手機）這一檔——這一檔正常，多數手機都不會有問題。

也可以搜尋自己的店名，從 Google 結果點進去看手機上的實際體驗——這正是多數新客人抵達你網站的方式。

如果網站本身是 RWD、只是個別頁面或個別元素跑版（一張圖、一個表格、一個外掛），值得修——範圍小、改完就好，不需要動整個網站。

如果網站是固定寬度的舊架構，「把它改成 RWD」實務上等於整個版面重寫，工錢常常不比重做便宜，而且改完還是舊系統：內容難自己改、憑證要人工管、速度也慢。這種情況直接用天生 RWD 的系統重做，通常更快也更省。

判斷不了自己屬於哪一種？看網站的製作年份。2015 年以前做的網站幾乎都是固定寬度；近幾年做的多半是 RWD 做壞的個案，先找出壞的那一塊再決定。

重做不代表內容重寫。既有網站上的文字、圖片、菜單、作品集都是資產，搬家的重點是把這些內容忠實移到新系統，並把舊網址逐頁設好轉址（301），讓既有的搜尋排名跟著過去，而不是歸零重來。

用現代建站平台重做時，版型本身就是響應式的——你在編輯器裡排好的每一頁，手機版自動成立，不需要另外設計。這也是為什麼新一代平台上「手機跑版」這個問題類別幾乎不存在。