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…

No votes yet.
Please wait...
Posted on: 8. Dezember 2020
Categories: CSS

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.