动态计算器样式回归踩坑复盘

动态计算器样式回归踩坑复盘

完整 Markdown 原文保存在 docs/22_动态计算器样式回归踩坑复盘_2026-07-08.md。本复盘确认本次不是样式回滚，而是 warning/note 输出类型遗漏了全宽换行规则，同时记录 Git 历史核查、DOM 结构核查、构建产物核查、Cloudflare Pages 缓存排查和后续验收清单。

核心结论

• 不是回滚：fc7fd39 仍在当前分支，后续提交没有改动 calc-calculators.css。
• 真实根因：普通输出已处理换行，但 .calc-output-warning / .calc-output-note 仍继承横向 flex 展示，长边界文本可撑开页面。
• 补救方式：将 warning/note 输出设为全宽块级，并补齐 max-width、overflow-wrap 和 word-break。
• 后续流程：遇到类似问题先查 Git 历史、源码规则、构建产物、部署状态和浏览器/CDN 缓存，再判断是否回滚。

验收重点

上线后重点检查铣削工时计算器的“适用边界”是否换行、price-input 齿轮是否位于字段标题右侧、页面是否无横向滚动条。