scss 不能动态计算 clamp()，仅能安全拼接合法字符串，真正响应式缩放由浏览器运行时完成；必须用 @mixin 生成 fallback + clamp() 两行 css，中间值须为 calc() 包裹的字符串。
clamp() 不能在 SCSS 中“动态计算”——它根本不会被 SCSS 计算，只负责安全拼出合法字符串；真正动态响应的是浏览器运行时。
clamp() 的三个参数必须原样传入，不能参与 Sass 运算
- SCSS 编译期无法读取
100vw、2.5vmin或视口尺寸，所有数学表达式（如1rem + 2vw）都会报错 - 常见错误写法：
font-size: clamp(1rem, $base * 1.2, 1.5rem)→ Sass 报Incompatible units - 正确做法：把中间值写成字符串，并用
calc()包裹，例如"calc(1rem + 1.2vw)" - 最小值和最大值可直接用带单位的 Sass 变量（如
$min: 1.125rem），但中间值必须是字符串，且不能含未包裹的运算符
必须用 @mixin，不能用 @function
-
@function responsive-clamp($min, $pref, $max)看似合理，实则输出固定值（如font-size: 18px），因为函数在编译时就执行完毕 -
@mixin fluid-font($min, $pref, $max)才能生成两行 CSS：先 fallback，再clamp()，顺序不可逆 - 示例：
@mixin fluid-font($min, $pref, $max) { font-size: $max; font-size: clamp(#{$min}, #{$pref}, #{$max}); } - 调用时必须显式带单位：
@include fluid-font(1.25rem, "calc(1rem + 1.2vw)", 2.5rem)
Safari 12.1 及更早版本会假支持 clamp()，必须手动 fallback
-
@supports (font-size: clamp(0, 0, 0))在旧 Safari 中返回true，但实际解析失败，整条规则被丢弃 - 若没前置
font-size: $max（或$min），字体将退化为浏览器默认16px，布局可能崩坏 - 不要用
@media模拟clamp()区间——SCSS 无法知道2.5vw === 1.25rem发生在多少像素宽度，只能靠人工估算断点做粗略降级
关键不是“怎么算”，而是“怎么不破坏浏览器的运行时能力”。SCSS 的唯一职责是组织参数、保证字符串合法、强制 fallback 层叠顺序。真正缩放发生在用户拖动窗口那一刻，不是你在终端敲下 sass --watch 的时候。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
