Hier ein Trick um sich die Arbeit mit der einheit rem zu vereinfach. Wie man sieht haben muss man die Werte der Font-sizes einfach nur durch 10 Teilen und dann gerundet auf eine Stelle einsetzen. Das Beispiel erklärt alles:
html { font-size: 62.5%; } h1 { font-size: 24px; font-size: 2.4rem; } h2 { font-size: 20px; font-size: 2rem; } p { font-size: 15px; font-size: 1.5rem; }
Der Workaround wird möglich durch font-size: 62.5%;, normal wäre natürlich 100% und man darf alles durch 16 teilen, was durchaus nerven kann, muss man das die ganze Zeit im Kopf machen…
Letzte Kommentare