Solution 要做什麼
對照完整答案、責任邊界與原因。
本主題檔案：files/style.css
定位：先確認根元素與父層 computed font-size 都是 16px。
Solution · code-edit
rem、em、ch 與可讀行長
對照完整答案、責任邊界與原因。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
父層字級 16px；段落 font-size:1em，沒有行長上限。
預期看到
runtime 的 font-size 由 16px 變 20px；Styles 顯示 max-width:60ch，文字仍能在窄版縮排。
.article-copy { font-size:1.25rem; padding:1em; max-width:60ch; }檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
入口檔案：提供一張可觀察字型、色彩與背景的服務卡片。style.css
呈現層：依 Starter／Checkpoint／Solution 展示本堂 CSS 差異。main.js
驗收輔助：按鈕後讀取 Computed Style、計算對比並列出尚未通過條件。
證據：runtime before=16px、after=20px、property=font-size；Styles 另可指出 padding:1em 與 max-width:60ch
回到主題說明