2010-02-05 10 views
7

Ich versuche zu debuggen, warum font-size: 1.0em in jquery-ui bewirkt, dass meine Schriftgrößen für meine Seite riesig (über 16px) gehen, ohne dass ich irgendeine tatsächliche Größenanpassung der Schriftarten mache. Nun, in Firebug sah ich eine komische Sache für ein Akkordeon.Ist 1.0em gleich wie 100% für Schriftgrößen?

An der Basis hatte es , aber später wurde das von font-size: 100% überschrieben. Könnte das ein Problem mit der Schriftgröße verursachen? Ich hatte immer den Eindruck, dass 100% dasselbe war wie 1.0em

+1

Gerade FYI, Sie http lesen: //www.loadaveragezero .com/vnav/labs/CSS/font-size.php über (relative) Schriftgrößen. Doug Clifton schlägt vor, die Schriftgröße: x-small auf einzustellen und jede andere Schriftgröße mit relativen Größen zu definieren. Auf diese Weise erhalten Sie ein konsistentes Aussehen in verschiedenen Browsern. –

Antwort

6

Ja.

1em und 100% bedeuten die gleiche Sache (für Schriftgröße) - "Die gleiche Schriftgröße wie das Elternelement" (das ist nicht das Gleiche wie die Schriftgröße, die der Benutzer ausgewählt hat, es sei denn, Sie sprechen über die HTML-Element).

Es gibt Fehler im Internet Explorer, wenn em verwendet wird und die aus dem Ansichtsmenü ausgewählte Schriftgröße nicht medium ist.

0

em ist in einer pro Benutzer pro Browser-Basis definiert. So em ist für die Zugänglichkeit in den verschiedenen Einstellungen eines Browsers oder einer Benutzerpräferenz definiert.

Es bedeutet, dass 1em 16px oder 10px entsprechend der Benutzereinstellung im Browser sein könnte.

Wenn Sie mehr Kontrolle über Ihre Schriftgrößen haben möchten, verwenden Sie px anstelle von em.

+0

Ja, aber ich meine, es ist wie auf der Körper-Ebene die Schriftart ist 12px natürlich (die Art, wie ich meine Browser-Setup), aber dann innerhalb von vielen verschachtelten Elemente geht die Schriftart irgendwie auf 16px, wenn die einzige Schriftgröße ändert Ich habe '1.0em' und' 100% ' – Earlz

3

Ja, em und Prozentsatz sind in Bezug auf die Schriftgröße austauschbar.

Ich kann nicht wirklich sagen, was ohne Code in Ihrem Fall falsch läuft, aber es kann etwas mit verschachtelten Schriftgrößen zu tun hat:

<div style="font-size: 150%;"> 
    This text is at 150% of the base. 

    <div style="font-size: 100%"> 
     This text is the same size as the text above. 
    </div> 
</div> 
+0

Die Schriftart wird nie geändert, es sei denn zu' 1.0em' oder '100%' though ... also sind diese beiden Werte gleich dann richtig? – Earlz

+0

Ja, sie sind gleich. – AaronSieb