Solution · code-edit

min-content 與長字串溢位

對照完整答案、責任邊界與原因。

Solution 要做什麼

對照完整答案、責任邊界與原因。

本主題檔案:files/style.css

定位:先讀 Grid 與長 token 的 scrollWidth/clientWidth,再檢查 grid-template-columns。

本階段驗收

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

目前要處理

--tracks 為 1fr 1fr;長 token 已可辨識,尚未使用安全最小軌道。

預期看到

runtime 的 --tracks 由 `1fr 1fr` 變 `minmax(0,1fr) minmax(0,1fr)`;人工重測 Grid 不再橫向溢位。

.grid{--tracks:repeat(2,minmax(0,1fr));grid-template-columns:var(--tracks)}.card{min-width:0}.url{overflow-wrap:anywhere}

檔案清單

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

證據:runtime before=`1fr 1fr`、after=`minmax(0,1fr) minmax(0,1fr)`、property=--tracks;人工證據為 scrollWidth<=clientWidth

回到主題說明