Calculadora CSS Clamp
Gere valores CSS clamp() para tipografia e espaçamento fluido e responsivo
Predefinições
Configurações
px
rem
rem
rem
rem
Valores de viewport em rem (ex: 20 = 320px, 80 = 1280px com raiz 16px)
Saída CSS
clamp(1.0000rem, 0.8333vw + 0.8333rem, 1.5000rem)
Pré-visualização
@ 20remAa16px
@ 50remAa20.0px
@ 80remAa24px
Tabela de Referência por Viewport
| Viewport | Valor (px) | Valor (rem) | Status |
|---|---|---|---|
| 320px | 16.00px | 1.0000rem | limitado |
| 375px | 16.46px | 1.0286rem | fluido |
| 414px | 16.78px | 1.0490rem | fluido |
| 640px | 18.67px | 1.1667rem | fluido |
| 768px | 19.73px | 1.2333rem | fluido |
| 1024px | 21.87px | 1.3667rem | fluido |
| 1280px | 24.00px | 1.5000rem | limitado |
| 1440px | 24.00px | 1.5000rem | limitado |
| 1920px | 24.00px | 1.5000rem | limitado |
Perguntas frequentes
Para que serve Calculadora CSS Clamp?
Gere valores CSS clamp() para tipografia e espaçamento fluido e responsivo
O que devo conferir no resultado?
Confira o resultado com seu conteúdo real e em diferentes tamanhos de tela. Verifique legibilidade e compatibilidade nos navegadores atendidos.