Webdesign – Tipps & Tricks
Relative Schriftgrößen handhaben
Schriftgrößen lassen sich relativ in Prozent oder der Einheit em angeben. Die etwas umständliche Umrechnung in Pixel ist sehr mühselig, da in der Standardeinstellung 1em etwa 16px entspricht. Durch einen Trick kann man die Umrechnung vereinfachen, indem man ein umschließendes Element, z.B. einen CSS-Container, folgendermaßen auszeichnet:
#container {
font-size: 62.5%;
}
So entpricht 1em in dem Container standardmäßig etwa 10px mit dem Vorteil skalierbar zu bleiben.
p {
font-size: 1.2em;
}
erzeugt somit Textabsätze mit einer Schriftgröße, die standardmäßig 12px entspricht.