Mit einer relativen Einheit wie EM ist ein guter Weg, um die vertikale Rhythmus einer Webseite zu erhalten, wenn ein Benutzer die Größe von Text in ihrem Browser. Ständig erreichen für einen Rechner auf den richtigen Wert zu berechnen EM jedes Mal Sie verwenden müssen, ist auch ein guter Weg, um selbst fahren verrückt.
Angenommen, Sie haben eine H3, dass 24 Pixel ist. Es spielt keine Rolle, wie der font-size gesetzt ist (Pixel, Ems, Prozente, usw.). Sie können die aktuelle Schriftart-Größe in Pixeln mit Firebug, indem "Show Computed Style" im Optionen-Menü in der oberen rechten Ecke des CSS / Style-Panel beim Betrachten im HTML-Modus zu überprüfen.
Sie haben die Übersicht Design geprüft und gemessen genau 9 Pixel unteren Rand unter der H3 bis das nächste Element. Natürlich können Sie den unteren Rand des H3 bis 9 Pixel und bewegen am Set. Aber das wird nicht skaliert, wenn ein Benutzer Beulen ihre Textgröße in ihrem Browser und Ihre vertikale Rhythmus bröckeln als der H3 in der Größe wächst aber behält die gleiche 9 Pixel des unteren Randes.
Die Formel zur Berechnung der EM-Multiplikator ist:
gewünschte Pixelgröße / Strom Pixelgröße = Multiplikator
Also für die H3 Beispiel: 9/24 = .375
Ich benutze den EmChart die ganze Zeit bei der Konvertierung von Design-Kompositionen zu HTML / CSS-Vorlagen - das ist im Grunde den ganzen Tag jeden Tag. Ich finde es sehr nützlich für die Berechnung der unteren Ränder, Linien-Höhen (die einheitenlosen sind, aber die Formel noch gilt), Top-Margen und oben / unten Polsterung unter anderem. Es ist auch sehr praktisch für die Aufbewahrung verschachtelten relative Schriftgrößen gerade.
Wie bereits erwähnt, spielt es keine Rolle, wie Ihre aktuelle font-size gesetzt ist. So wird dies für Sie funktionieren unabhängig davon, was font-size oder Einheit ist (oder nicht) setzen auf das HTML-Element, BODY-Element, oder jedes andere Element. Sie müssen nur die effektive Pixelgröße des aktuellen Elements mit der Sie arbeiten wissen.