CSS: Schriftgröße in em angeben
Viele verwenden für die Formatierung ihrer Schrift die Angabe px. Der Internet Explorer kann aber so formatierte Seiten nicht ohne weiteres vergrößern und verkleinern. Flexibler ist der Weg über em. Dazu müssen Sie zunächst eine Basisgröße festlegen. Das geht mit
body {
font-size: 62.5%;
}
Sofern der Benutzer nicht die meist übliche Standardschriftgröße von 16 Pixel verändert hat, setzen Sie mit den 62,5% die Schriftgrößenangabe 1em auf 10 Pixel.
Einige Elemente, etwa Überschriften, sind von dieser Änderung nicht betroffen. Sie bleiben bei ihren Standardgrößen, außer Sie legen explizit eine Größe fest. Um alle Elemente zunächst auf die Größe 10px zu setzen, geben Sie
* {
font-size: 1em;
}
ein. Damit erscheinen auch Elemente wie <h1> in der 10-Pixel-Schrift, sofern Sie nicht eine andere Größe im Stylesheet festlegen. Jetzt können Sie in untergeordneten Elementen Schriftgrößen relativ zu den 10 Pixel setzen, zum Beispiel
p {
font-size: 1.2em;
}
Damit wird der Text in <p> mit einer Größe von 12 Pixeln angezeigt.
Add to Del.icio.usBedingungen für die Kommentareingabe
Hinweis
