修正不是重做，是把問題重現、修好，再守住它。

三則真實修正。證據不是 commit 編號，而是你自己就能做的檢查：拖動下面的示範會即時量測，每則案例也寫清楚去哪裡、怎麼重現。

描述你的狀況看這項服務的範圍

01操作示範

把寬度拖到問題發生的地方。

切換「修正前／修正後」，再拖曳寬度；下面的量測數字由目前畫面實際算出，不是預先寫好的。

示範寬度390px

拖曳滑桿或使用方向鍵調整（320–1440px），示範卡片會立即跟著改變寬度。

概念作品

作品名稱

桌機與手機截圖並排呈現，讓訪客先看到作品，再看到它怎麼運作。

卡片寬度: 390px
手機框實際寬度: 量測中…
截圖垂直重疊: 量測中…

重現示意：以線框表示桌機與手機畫面，不是實際截圖；上面的數字由目前畫面實際量測。48rem（768px）為版面切換的參考點。

目前 390px（< 48rem）：截圖組維持重疊、間距收緊，作品名稱更早出現。

02修正實例

三個已經修好，也守住的地方。

每則只留三行：現象、修法，以及你可以自己驗證的方法。

01爐灣 LUWAN 一頁式官網

「爐」字圓印在手機上疊到眉標

現象: 圓印以固定內距定位，視窗比它矮時就往上壓到眉標；多數手機在網址列顯示時都會遇到。
修法: 改成兩列 grid、圓印由高度決定尺寸；矮於 36rem 的視窗直接收起圓印。
自己驗證: 打開作品，把視窗高度縮到 680px 以下——圓印不會碰到眉標，首屏的行動按鈕仍在畫面內。開作品試試 →

02作品集與單一作品介紹頁

作品截圖在手機上被拆成上下兩欄

現象: 在 48rem 以下，桌機與手機截圖被拆成上下兩欄，作品名稱要滑過大約一個畫面才出現。
修法: 每一個寬度都維持重疊，窄版只把間距收緊，和桌機版一致。
自己驗證: 用手機寬度打開作品集：第一屏就看得到作品名稱，兩種截圖仍然重疊。開作品試試 →

03聯絡頁與詢問表單

送出回饋不明顯，驗證元件與按鈕較窄時對不齊

現象: 送出成功只多一行狀態文字，容易被忽略；驗證元件與送出按鈕在窄版各自換行、垂直中線對不齊。
修法: 成功改用可關閉的對話框並在關閉後把焦點放回收據；驗證與送出併進同一個 flex row。
自己驗證: 把視窗縮到 390px——驗證元件與送出按鈕維持在同一組、不會分成兩列錯位。開作品試試 →

看這項服務的範圍與交付內容

手上有重現得了的問題嗎？

把你看到的問題、發生的裝置與瀏覽器，以及重現的步驟告訴我們，會先判斷能不能重現，再一起界定範圍。

開始討論專案