px ⇄ rem ⇄ em ⇄ vw, tamaños fluidos con clamp() y escalas tipográficas CSS/Tailwind.
Convertir unidades: una longitud en px, rem, em, pt, %, vw, vh y otras unidades, mostrada en todas a la vez, con el tamaño raíz, el tamaño del padre y el viewport que elijas. clamp() fluido: indica un tamaño en un viewport pequeño y otro en uno grande y obtén el valor clamp() que crece linealmente, la fórmula, una tabla por anchos y una vista previa. Escala tipográfica y de espaciado: estática o fluida, exportada como variables CSS, Tailwind v4 o v3.
Pendiente = (S₂ − S₁) / (W₂ − W₁) e intercepto = S₁ − pendiente × W₁. Para 16px en 320px y 24px en 1280px: clamp(1rem, 0.8333rem + 0.8333vw, 1.5rem), que da 20px a 800px.
El zoom del navegador agranda la parte en rem pero no la parte en vw. Mantén siempre una parte en rem y que el tamaño máximo no supere unas 2,5 veces el mínimo, para que el texto pueda ampliarse al 200 %. Más en rem, px o clamp() para tipografía fluida.
El tamaño de fuente raíz: 16px por defecto, aunque el usuario o la página pueden cambiarlo.
Pendiente = (tamaño máximo − mínimo) ÷ (ancho máximo − mínimo); intercepto = mínimo − pendiente × ancho mínimo.
Puede serlo si conserva una parte en rem y el rango no es demasiado amplio; pruébalo con el zoom.
Actualizado el 14 de octubre de 2026 · Más en Web, SEO y marketing
