Calculadora de CSS clamp()
Indica un tamaño para un viewport pequeño y otro para uno grande. Obtén el clamp() que pasa suavemente de uno a otro, en rem, para que siga respetando el tamaño de fuente del navegador del lector.
El veloz zorro pardo
Escala tipográfica
Por qué rem y no px
Un tamaño en px ignora el tamaño de fuente que el lector ha elegido en su navegador. La misma declaración en rem escala con él, así que quien tenga el suyo en 20 px verá el texto más grande en vez de tus 16 fijos. El término del viewport sigue en vw en cualquier caso: ahí lo que cuenta es el ancho de pantalla, no la preferencia del lector.
Preguntas frecuentes
¿Qué hace el término central?
Es una recta que pasa por tus dos puntos: una ordenada en el origen más una pendiente en vw. Por debajo del viewport pequeño se queda en el mínimo; por encima del grande, en el máximo.
¿Puede el máximo ser menor que el mínimo?
Sí, y clamp() sigue funcionando, pero el resultado se reduce a medida que crece la pantalla, lo cual casi nunca es lo que quieres. La página te avisa cuando ocurre.
¿Se envía algo a vuestros servidores?
No. Es aritmética en tu navegador; nada de lo que escribes sale de la página.
Hecho por el equipo de GO AI. Todas las herramientas gratuitas