响应式间距 clamp 计算

1. 两个端点

2. 核对结果

.jijie-layout {
  gap: clamp(16px, calc(8px + 2vw), 32px);
}

斜率 0.02000000 px/视口px · 截距 8.00000000 px

当前视口的 gap 演示

两色块间距由浏览器原生 clamp 根据当前视口绘制；表格是指定宽度的数学核对。此处总是演示 gap，切换导出属性不会改变色块含义。

范围与隐私

视口端点240–3840px且严格递增；间距0–256px且不递减，仅整数。输出为 px + vw 的线性表达式，系数最多8位小数，边界可能有微小舍入差异。小于起点取最小值，大于终点取最大值；相同间距会保持常量。

不生成媒体查询、容器查询或字体排版规则，不处理递减值、负值、rem根字号或百分比容器。vw依据视口，非父元素宽度；gap需目标元素具有合适的布局。导出只含所选属性，须在自己的页面核对缩放、布局和溢出。

参数仅本页内存计算，不上传、不自动存储，不调用外部API；刷新清除。