Texto fluido con CSS
5 abril, 2018No Comments
Con este pequeño snippet dejaras de sufrir por el texto de tu sitio cuando este se muestre en dispositivos móviles o cualquier pantalla , es tan sencillo que solo requiere una linea de código y no tendrás que preocuparte por la compatibilidad funciona con la mayoría de navegadores modernos.
1 2 3 4 |
body { /*calc([tamaño minimo] + ([tamaño maximo] - [tamaño minimo]) * ((100vw - [viewport width minimo]) / ([viewport width maximo] - [viewport width minimo])));*/ font-size: calc(16px + (22 - 18) * ((100vw - 300px) / (1600 - 300))); } |
Ejemplo : Codepen