Solution 要做什麼
對照完整答案、責任邊界與原因。
本主題檔案：files/style.css
定位：先讀 root font-size，再計算 2rem 與 3rem 的 px 上下界。
Solution · code-edit
clamp()
對照完整答案、責任邊界與原因。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
標題使用固定 --heading-size:2rem。
預期看到
現有 runtime 真正把控制 font-size 的 token 改為 clamp 表達式；完整 viewport facts 顯示三個 computed 值皆介於 32px 與 48px。
.hero-title{font-size:clamp(2rem,4vw,3rem)}檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
入口 HTML：提供六張服務卡、聯絡區塊、表單欄位與選用的測量按鈕。style.css
CSS 樣式：控制流動容器、Grid 欄位、breakpoint、focus 與 checkpoint 缺口。main.js
選用測量工具：讀取 viewport、scrollWidth、clientWidth 與 computed 欄位，不輸出硬編碼通過訊息。
證據：現有 runtime before=2rem、after=clamp(2rem,4vw,3rem)、property=--heading-size；完整證據需 values[390,800,1440] 皆為32–48px
回到主題說明