Ferramentas de conversão

Gerador CSS clamp

Gere um clamp CSS fluido entre dois tamanhos e larguras de janela.

Conversão no navegador · Sem registo

As entradas são pixels. O mínimo não pode superar o máximo, e as larguras devem crescer. Usa um termo vw linear.

Limite: 100.000 unidades UTF-16 por entrada e 1.000.000 por resultado. Veja os formatos e exemplos abaixo.

Como usar

  1. Gere um clamp CSS fluido entre dois tamanhos e larguras de janela.
  2. Escolha o modo ou as opções e execute a ferramenta.
  3. Revise o resultado, copie ou baixe o arquivo TXT.

Exemplo

16→24 px at 320→1280 px → clamp(16px, 13.333333px + 0.833333vw, 24px)

Detalhes e limitações

As entradas são pixels. O mínimo não pode superar o máximo, e as larguras devem crescer. Usa um termo vw linear.

O texto fica no navegador e não é enviado a um servidor de conversão.

FAQ

Gerador CSS clamp — Quais entradas e limites são aceitos?

As entradas são pixels. O mínimo não pode superar o máximo, e as larguras devem crescer. Usa um termo vw linear.

Referências de formatos

Página da ferramenta atualizada: