Houyhnhnm: Was Sie schon immer über ex wissen wollten

Beitrag lesen

Nämlich wieviele px ein ex sind.

Man kann zumindest eine praxistaugliche Näherung mit folgender Funktion bestimmen:

function exToPx() {
    var div = document.createElement("div");
    document.getElementsByTagName("body")[0].appendChild(div);
    div.innerHTML = 'xxx xxx';
    div.style.height = '10px';
    div.style.width = '2em';
    div.style.overflow = 'hidden';
    var h = div.scrollHeight / 2;
    document.getElementsByTagName("body")[0].removeChild(div);
    return h;
}

Für andere Fontgrößen schreibt man:

div.innerHTML = '<font size=n>xxx xxx</font>';

Wobei n der Wert für die gewünschte Größe ist.

Die Funktion ist erfolgreich getestet für FF 1.0, IE 6, Opera 7 und Mozilla 1.7

Die Methode läßt sich zur Bestimmung der Länge eines em entsprechend abwandeln.