Moin.
Ich möchte eine Bildhöhe relativ zur Schriftgröße angeben und wählte daher die Einheit em.
Es wird eine deutlich größere Höhe im Browser angezeigt als erwartet.
Beispiel:
Bei der Länge eines Geviertstriches von 13,5mm wird eine Höhe von 79mm erzeugt.
Rechnerisch korrekt wäre jedoch 67,5mm.
Worin liegt bitte mein Fehler?
Testcase: Unit "em"
Code:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Testcase: Unit "em"</title>
<style type="text/css" media="screen">
img { height: 5em; width: 5em; }
body { font-size: 1em; font-family: "Verdana", sans-serif; }
</style>
</head>
<body>
<img src="/+bilder/html/testbild-blau.png" alt=""/>
<p>Morem ipsum</p>
<p>Geviertstrich —</p>
</body>
</html>