Solution 要做什麼
對照完整答案、責任邊界與原因。
本主題檔案：files/main.js
定位：先確認 viewport meta 與 390px 寬度，再比較 document scrollWidth/clientWidth。
Solution · code-edit
200% zoom、橫向 reflow
對照完整答案、責任邊界與原因。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
預覽根字級 16px；actions 已允許 wrap，卡片高度為 auto。
預期看到
runtime 的 font-size 由 16px 變 32px；完整 overflow probe 證明 documentOverflow=false，文字與按鈕仍可見可聚焦。
.zoom-test{font-size:200%}.actions{display:flex;flex-wrap:wrap}.card{height:auto;overflow:visible}檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
入口 HTML：提供六張服務卡、聯絡區塊、表單欄位與選用的測量按鈕。style.css
CSS 樣式：控制流動容器、Grid 欄位、breakpoint、focus 與 checkpoint 缺口。main.js
選用測量工具：讀取 viewport、scrollWidth、clientWidth 與 computed 欄位，不輸出硬編碼通過訊息。
證據：現有 runtime before=16px、after=32px、property=font-size；完整證據需 scrollWidth<=clientWidth、controlsVisible=true、focusVisible=true
回到主題說明