CSS流体间距生成器

CSS流体间距生成器用于在不同视口宽度下自动缩放间距，适合构建响应式布局与统一间距体系。工具支持选择属性类型（padding、margin、gap），并设置最小/最大值与视口范围，生成对应的 clamp 公式。

主要参数说明

• Property：选择应用的间距属性。
• Min / Max：设置间距的最小与最大值。
• Min Viewport / Max Viewport：设置视口范围，用于计算 clamp 公式。

使用教程

1. 选择属性：确定是 padding、margin 还是 gap。
2. 设置区间：输入最小与最大间距值。
3. 设定视口：设置最小与最大视口宽度。
4. 复制代码：在 CSS 标签页复制生成的 clamp 公式。

应用场景

• 响应式间距：在不同屏幕下平滑变化。
• 设计系统：统一全站间距规范。
• 组件布局：保持组件内部间距的自适应。