Starter · code-edit

clamp()

先看見缺口,再完成一個小修改。

Starter 要做什麼

先看見缺口,再完成一個小修改。

本主題檔案:files/style.css

定位:先讀 root font-size,再計算 2rem 與 3rem 的 px 上下界。

本階段驗收

頁面不會替你修改檔案;請在實作檔完成後重新整理確認。

目前要處理

標題使用固定 --heading-size:2rem。

預期看到

現有 runtime 真正把控制 font-size 的 token 改為 clamp 表達式;完整 viewport facts 顯示三個 computed 值皆介於 32px 與 48px。

.hero-title{font-size:clamp(2rem,4vw,3rem)}

檔案清單

只在本階段資料夾內操作,避免改到其他章節。

證據:現有 runtime before=2rem、after=clamp(2rem,4vw,3rem)、property=--heading-size;完整證據需 values[390,800,1440] 皆為32–48px

前往 Checkpoint →