px ⇄ rem ⇄ em ⇄ vw, tamanhos fluidos com clamp() e escalas tipográficas CSS/Tailwind.
Converter unidades: um comprimento em px, rem, em, pt, %, vw, vh e outras unidades, mostrado em todas de uma vez, com o tamanho raiz, o tamanho do elemento pai e o viewport que você escolher. clamp() fluido: informe um tamanho num viewport pequeno e outro num grande e obtenha o valor clamp() que cresce linearmente, a fórmula, uma tabela por larguras e uma prévia. Escala tipográfica e de espaçamento: estática ou fluida, exportada como variáveis CSS, Tailwind v4 ou v3.
Inclinação = (S₂ − S₁) / (W₂ − W₁) e intercepto = S₁ − inclinação × W₁. Para 16px em 320px e 24px em 1280px: clamp(1rem, 0.8333rem + 0.8333vw, 1.5rem), que dá 20px em 800px.
O zoom do navegador aumenta a parte em rem, mas não a parte em vw. Mantenha sempre uma parte em rem e que o tamanho máximo não passe de cerca de 2,5 vezes o mínimo, para que o texto possa chegar a 200 %. Veja rem, px ou clamp() para tipografia fluida.
O tamanho de fonte raiz: 16px por padrão, mas o usuário ou a página podem mudar.
Inclinação = (tamanho máximo − mínimo) ÷ (largura máxima − mínima); intercepto = mínimo − inclinação × largura mínima.
Pode ser, se mantiver uma parte em rem e um intervalo moderado; teste com o zoom.
Atualizado em 14 de outubro de 2026 · Mais em Web, SEO e marketing
