firefox 68起才原生支持min-content关键字，此前版本完全不识别且无-moz-前缀变体；兼容旧版需用inline-block+nowrap、js测宽或grid的minmax()等替代方案。
Firefox 68 之前不支持 min-content 关键字
旧版 Firefox（确切说是 Firefox ≤ 67）根本不会识别 min-content 这个关键字，直接当作无效值丢弃，退化为 auto 或初始值。这不是“解析错误”，而是“完全不识别”。
MDN 明确标注：min-content 在 Firefox 中从 68 版本才开始原生支持（2019 年 7 月发布）。所以如果你的项目需兼容 Firefox 67 及更早版本（比如某些政企内网环境），不能指望它生效。
min-content 没有 -moz- 前缀变体
和 box-sizing 或 border-radius 不同，min-content 是一个**CSS 尺寸关键字**（keyword），不是属性名，因此不存在 -moz-min-content 这种写法——它从来就没被 Firefox 实现过带前缀的版本。
常见误操作包括：
- 写
-moz-min-content：浏览器报错或静默忽略，毫无作用 - 在
width、inline-size或grid-template-columns中混用前缀 + 关键字：语法非法，整条声明失效 - 以为 Autoprefixer 能补出前缀：它只处理属性/函数，不生成关键字别名
替代方案必须绕开 min-content 本身
真要兼容旧 Firefox，得用它能理解的机制模拟效果：
- 对单行文本容器，用
display: inline-block+white-space: nowrap+max-width: fit-content（但注意fit-content同样不被 Firefox 67 支持） - 对 flex 子项，改用
flex: 0 0 auto+ 显式width: max-content（同样不支持）→ 实际只能靠 JS 测量文字宽度后设width - 在 Grid 中避免依赖
min-content，改用固定值或fr单位配合minmax()（如minmax(0, 1fr)）
最稳妥的底线是：只要目标环境明确包含 Firefox min-content —— 它不会 fallback，只会消失。
检查兼容性不能只看 Can I Use 的“绿色勾”
Can I Use 标注 min-content “Firefox 68+” 是准确的，但容易忽略两点：
- 它不区分桌面版和 Android 版 Firefox：Android Firefox 68 直到 2019 年底才跟进，部分定制 ROM 仍卡在 66
- 企业部署常冻结浏览器版本，Firefox ESR（延长支持版）60.x 系列（2018–2019）完全不支持，且持续服役至 2020 年中
真正决定要不要写 min-content 的，不是“有没有前缀”，而是你是否能控制终端用户的浏览器更新节奏。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
