Tipografía fluida y rem

Genera clamp() para tamaños que crecen con la pantalla y convierte entre px, rem y em.

Se procesa en tu navegador · Compruébalo Sin envíosDatos enviados: 0 · A otros dominios: 0Analítica: no existe · Anuncios: no existe
Prueba un ejemplo

Tamaño fluido con clamp()

Resultado
font-size: clamp(1rem, 0.6667rem + 1.6667vw, 2rem);

Tamaño a cada ancho

  • 320 px de ancho → 16 pxTexto de ejemplo con tamaño fluido
  • 480 px de ancho → 18.67 pxTexto de ejemplo con tamaño fluido
  • 768 px de ancho → 23.47 pxTexto de ejemplo con tamaño fluido
  • 1024 px de ancho → 27.73 pxTexto de ejemplo con tamaño fluido
  • 1280 px de ancho → 32 pxTexto de ejemplo con tamaño fluido
  • 1920 px de ancho → 32 pxTexto de ejemplo con tamaño fluido

Conversor px / rem / em

1 rem

Más en Diseño web

Aprende paso a paso en la rutaCSS visual para tu web