He escrito un script que ajusta el tamaño de la fuente hasta el maximo posible para que ocupe todo el div contenedor (en realizada la funcionalidad del script es lo de menos para la ayuda que necesito). El código es el siguiente:
Código
$('#id_22 div').css('font-size', '50px'); $('#id_22 div').css('line-height', '50px'); while( $('#id_22 div').height() > $('#id_22').height() ) { $('#id_22 div').css('font-size', (parseInt($('#id_22 div').css('font-size')) - 1) + "px" ); $('#id_22 div').css('line-height', (parseInt($('#id_22 div').css('font-size'))) + "px" ); }
El problema es que esto solo se está aplicando a "id_22" como es lógico y yo necesito que se aplique a todos ("id_21", "id_20"...).
Tambien he probado a hacerlo por selectores de clases pero lo que ocurre es que no se aplica individualmente para cada uno sino que hace los calculos para el primero y el resto los aplica con los mismos valores.
¿Sabeis como hacer lo que necesito?
Muchas gracias.