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.

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

 

por Dan Iel

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *