[linkler sadece üyelerimize görünmektedir.] divlerin font büyüklüğünü küçültme şöyle yapılıyor:
öncelikle divlere sabit bir font yüksekliği ve div maksimum yüksekliği verilmesinde fayda var. bunu css ile yapabiliyoruz.(resim 1)
daha sonra divlerin taşıp taşmadığını kontrol edecek bir programı yapay zekaya yazdırıyoruz
daha sonra tüm divleri kontrol edecek bir program yazıyoruz. eğer taşma varsa fontu küçültüyor.(resim 2)
bu programı sınıf defteri oluşturma programına ekliyoruz. bir bakıyoruz çalışmıyor. çünkü divler dolmadan kontrol yapıyor. javascripte işlem sırası yok. hepsini aynı anda ateşliyor. bunu önlemenin yolu async fonksiyon yazmak. fakat programın tepeden tırnağa tüm kod yapısı bozulacağı için hemen üçkağıtçılık yapıp setTimeout() ile fonksiyonu 100 ms sonra çalıştırıyoruz.(bu arada dua etmeyi unutmuyoruz; ne olur divlerin yazımı 100ms'den az sürsün diye
)
işte bu şekilde font küçültme yapabilirsiniz.
küçük bir not. javascript ile küçük harfleri büyük harflere çevirirken Türkçe karakterler sorun oluyor. bunu önlemek için toLocaleUpperCase('tr-TR') kullanıyoruz.