基于给定比例计算150px视口下clamp的最小取值

首先明确前提：浏览器默认1rem = 16px（未自定义根字体大小情况下以此为基准），vw代表视口宽度的1%。

步骤1：统一单位，将rem转换为px #

• 下限值：2rem = 2 × 16px = 32px
• 上限值：12.875rem = 12.875 × 16px = 206px
• 中间表达式的rem项转换：-1.138rem = -1.138 × 16px ≈ -18.208px

步骤2：计算中间表达式在150px视口下的结果 #

150px视口下，1vw = 150px × 1% = 1.5px，代入中间项计算：

11.678vw + (-1.138rem) = 11.678 × 1.5px + (-18.208px) ≈ 17.517px - 18.208px ≈ -0.691px

步骤3：应用clamp规则确定最终取值 #

clamp函数逻辑是取不小于下限、不大于上限的数值：中间值-0.691px远小于下限32px，因此最终取值为下限的2rem（即32px）。

内容的提问来源于stack exchange，提问作者wondering