Gerador de CSS clamp

Como usar Gerador de CSS clamp

Gerador de CSS clamp. Exporta rem e vw. Defina a fonte raiz da página. A prévia simula a largura escolhida.

1. Altere cores, texto ou valores acima.
2. Compare a prévia ao ajustar os controles.
3. Copie o resultado ou baixe no dispositivo.

Gerador de CSS clamp · Exemplo

{
  "min": 16,
  "max": 32,
  "start": 320,
  "end": 1280,
  "root": 16,
  "viewport": 800,
  "text": "LocalKit"
}

font-size: clamp(1rem, 0.66667rem + 1.66667vw, 2rem);

Notas de uso

Arquivos e entradas são processados neste navegador. Sem envios nem contas.

Exporta rem e vw. Defina a fonte raiz da página. A prévia simula a largura escolhida.