SCSS 不提供 clamp() 或 minmax() 的兼容性处理，仅原样输出；clamp() 需手动层叠回退，minmax() 仅限 Grid 轨道定义；SCSS 无法编译时计算混合单位，应字符串拼接避免报错。
SCSS 本身不处理 clamp() 或 minmax() 的兼容性 —— 它只是编译器，不会自动降级或 polyfill 这些函数。 浏览器是否支持，取决于你最终输出的 CSS 是否被目标环境识别。真正要解决的是：如何在保留现代写法的同时，让旧浏览器有合理回退？
SCSS 编译时无法自动 fallback clamp()
SCSS 只做字符串替换和逻辑展开，clamp(1rem, 2.5vw, 1.5rem) 会原样输出到 CSS 文件里。如果目标浏览器（如 IE、旧版 Safari）不支持，它就直接忽略该声明，不会自动替换成 font-size: 1.5rem 或媒体查询方案。
- 不要指望
@mixin clamp-fallback能“智能生成”等效 media query —— SCSS 没有运行时计算能力，无法知道2.5vw在多宽视口下等于1rem或1.5rem - 手动写 fallback 是唯一可靠方式：先写
clamp()，再用更老的属性覆盖（注意层叠顺序） - 例如：
.title { font-size: 1.5rem; /* IE / Safari 12- 回退 */ font-size: clamp(1rem, 2.5vw, 1.5rem); /* 支持者覆盖 */ }
minmax() 在 Grid 中必须搭配 grid-template-columns 使用
minmax() 不是通用数学函数，它只在 CSS Grid 的轨道定义中合法（如 grid-template-columns、grid-template-rows）。把它用在 width 或 font-size 上会直接无效，SCSS 编译也不报错，但浏览器静默丢弃。
- 错误用法：
width: minmax(300px, 1fr)→ 无效，不生效 - 正确场景：
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) - SCSS 中可安全嵌套：
$card-min: 300px; .grid { grid-template-columns: repeat(auto-fit, minmax(#{$card-min}, 1fr))); }
用 SCSS 变量 + calc() 模拟 clamp() 时的单位陷阱
有人试图用 max(min(...)) 组合模拟 clamp()，但 SCSS 在编译期就尝试计算混合单位（如 1rem + 2vw），会报错："Invalid CSS after '...': expected expression..."。
立即学习“前端免费学习笔记（深入）”；
- 原因：
calc()是运行时函数，SCSS 无法在编译时解析vw、rem混合表达式 - 可行写法：把整个表达式当字符串拼接，避免提前计算
$min: 1rem; $pref: "2.5vw"; $max: 1.5rem; <p>.clamp-text { font-size: #{$max}; /<em> fallback </em>/ font-size: clamp(#{$min}, #{$pref}, #{$max}); } - 别写：
font-size: max($min, min($pref, $max))—— SCSS 会卡在$pref上
真正麻烦的不是怎么写 SCSS，而是判断哪里真需要 clamp()：字体、容器宽度、间距这些「连续响应」场景才值得上；按钮尺寸、图标大小这类离散值，用几个断点 media query 更可控、更易调试。
