Solution 要做什麼
對照完整答案、責任邊界與原因。
本主題檔案:files/style.css
定位:先讀 Grid 與長 token 的 scrollWidth/clientWidth,再檢查 grid-template-columns。
Solution · code-edit
對照完整答案、責任邊界與原因。
對照完整答案、責任邊界與原因。
本主題檔案: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}只在本階段資料夾內操作,避免改到其他章節。
index.htmlstyle.css證據:runtime before=`1fr 1fr`、after=`minmax(0,1fr) minmax(0,1fr)`、property=--tracks;人工證據為 scrollWidth<=clientWidth
回到主題說明