Beitragsseiten

Schriftgröße im Browser mit 18 Pixel anzeigen
<!--  Überschrift 18 Pixel groß anzeigen  -->
h1 {
   font-size: 18px;
}

Auf einem normalen Monitor ok, jedoch auf einem anderen Monitor oder Smartphone
kann sie zu klein oder zu groß dargestellt werden.

Schriftgröße per Browser über Prozente anpassen
<!--  Überschrift doppelt so groß anzeigen   -->
h1 {
   font-size: 200%;
}

Schriftgröße per Browser über em anpassen
<!--  em ist eine Einheit  2em entsprechen 200%, also die aktuelle Schriftgröße = doppelt so groß  -->
h1 {
   font-size: 2em;
}

Achtung
Die Betonung liegt auf aktuelle Schriftgröße.
Wird der CSS-Code untereinander in zwei unterschiedliche Schriftgrößen eingegeben,
dann bezieht sich em immer auf den letzten Code vor der em Angabe
body { font-size: 20px; }   <!-- Schriftgröße für alle Texte im body-Bereich = 20 Pixel  -->
h1 { font-size: 2em; }  <!-- Schriftgröße 2 x so groß wie die body-Schrift, also 40 Pixel  -->

Schriftgröße per Browser über rem anpassen
Bei rem wird eine Bemessungsgröße festgelegt. Diese Größe ist der Wert für Tag html. Bei
html { font-size: 20px; }
würden 2rem = 40px bedeuten.
Beispiel
html { font-size: 20px; }
body { font-size: 10px; } 
h1 { font-size: 2rem; }  <!-- entspricht 40px  -->