CSS 数学函数计算器

输入 calc()、min()、max()、clamp()、round()、mod()、hypot() 以及三角函数等 CSS 数学表达式，按真实的 CSS 类型规则（同单位相加、乘数须无单位等）求值，并给出说明。支持自定义变量与角度单位，全部在浏览器本地完成。

表达式与变量等待输入

表达式上下文变量（每行一条，格式 --名称: 值）

角度单位

小数位

二元 +、- 两侧需保留空格（CSS 规范要求）；*、/ 不需要。变量可用 var(--名称) 或直接写 --名称 引用。

计算结果

函数数—

结果—

单位—

输入表达式后点击「计算」，结果与说明将显示在这里。

结果由本工具按 CSS 类型规则计算，仅供参考；浏览器实际计算以引擎为准。

计算规则

加减要求两侧类型一致：同单位可直接相加；长度/角度/时间等同类型不同单位仅在可精确换算时换算（如 1in = 96px、1turn = 360deg）。
乘法要求至少一个操作数无单位；除法要求除数无单位，符合 CSS calc 的类型规则。
min()/max()/clamp() 的参数须同类型，clamp(MIN, VAL, MAX) 等价于 max(MIN, min(VAL, MAX))。
round() 策略为 nearest(默认)/up/down/to-zero，对应 Math.round/ceil/floor/trunc。
mod() 结果取除数符号，rem() 结果取被除数符号；hypot() 返回各参数平方和的平方根。
三角函数参数按所选角度单位解释，反三角函数结果也以该单位输出；无渲染环境无法求值的相对单位会如实提示。
结果仅供参考，浏览器实际计算以引擎为准。