Solution 要做什麼
對照完整答案、責任邊界與原因。
本主題檔案:files/style.css
定位:在 Computed 展開 flex,分別記錄 flex-grow、flex-shrink、flex-basis。
Solution · code-edit
對照完整答案、責任邊界與原因。
對照完整答案、責任邊界與原因。
本主題檔案:files/style.css
定位:在 Computed 展開 flex,分別記錄 flex-grow、flex-shrink、flex-basis。
頁面不會替你修改檔案;請在實作檔完成後重新整理確認。
featured item 使用 flex:0 1 auto,沒有伸展比例與明確 basis。
runtime 的 flex 由 0 1 auto 改為包含 grow=1、shrink=0、basis=192px 的三值;人工比較卡片寬度變化。
.featured{flex:1 0 12rem}.regular{flex:0 1 10rem}只在本階段資料夾內操作,避免改到其他章節。
index.htmlstyle.css證據:runtime before 包含 0 1 auto;after 包含 1 0 與 192px;property=flex
回到主題說明