CSS3: Rem berechnen für Schriftgröße – der einfache Weg

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…