Döküm yaparken text boyutlandırma özellikle mobil yani responsive ayarlarda çok fazla sorun teşkil ediyor. Eğer tasarımınızdaki textlere px üzerinden boyut verdiyseniz, tüm responsive boyutlar için bu classlara tek tek ulaşıp px olarak boyutları değişmeniz gerekiyor. Ama bu durumu aşmak için çok kolay ve kullanışlı alternatif bir birim bulunuyor. Bu birimin adı rem. Rem ana birim olarak root htmle verdiğiniz değeri alıyor. Kod ile açıklayacak olursam;
html { font-size: 16px; }
Yukarıdaki gibi htmle bir boyut atadığımda bundan sonraki tüm boyutları rem usulü vererek root HTMLdeki piksel değerini reme dönüştürerek kullanabilirim. Örnek ile anlatacak olursam.
p { font-size: 1.5rem; }
dediğimde 16 * 1.5 yaparak 24 piksellik bir boyut elde etmiş oluyorum. Bu sistemin faydası root HTML boyutunu değişerek diğer tüm fontların boyutlarını da değiştirebiliyorum.
