📐

CSS Clamp

响应式CSS生成器

生成响应式CSS clamp()函数,实现流畅的尺寸变化

⚙️ 基础设置

预设模板

👁️ 实时预览

320px (手机)768px (平板)1920px (桌面)
示例文字内容
24px

当前计算值 (视口: 768px)

💻 生成的CSS

font-size: clamp(16px, 1.82vw + 10.18px, 32px);

说明:

• 最小值: 16px (视口 ≤ 320px)

• 最大值: 32px (视口 ≥ 1200px)

• 中间值: 随视口宽度线性变化

🌐 浏览器兼容性

Chrome 79+
Firefox 75+
Safari 13.1+
Edge 79+