🛠️
Dev
Tools
首页
›
CSS Calc生成
CSS Calc() 表达式生成器
可视化构建 calc() 表达式，支持加减乘除运算和嵌套，实时预览计算结果
构建表达式
数值:
px
%
vw
vh
em
rem
ch
+ 添加数值
运算符:
+ 加
- 减
×
÷ 除
( ) 分组
快捷模板:
100% - 侧边栏宽度
(100% - gap) / 2
响应式字体
视口最小值
当前表达式：
生成代码
撤销
清空
输出
复制
预览区域