Nach der Beratung in die 6 wichtigsten CSS Techniken Sie benötigen wissen, habe ich% meines Körpers co_de% auf font-size , die 62.5% divs container auf 1,4 em (geringfügige Abweichung vom Artikel). font-size und p.tags 's p.published ist auf 1em gesetzt.
Das funktioniert jedoch nicht für mich. Sowohl der normale Text und Text in font-size und p.tags kommt die gleiche Größe hat out (16.8px wie durch Firebug berechnet). Kannst du erklären, warum mein Code nicht funktioniert? Ich teste in Firefox 3.6.3. Die Beispielseite des Autors gezeigt funktioniert gut im selben Browser.
ich die gesamte Seite unten Entschuldigung für die Länge davon wiedergegeben habe, aber ich dachte, es besser zu nichts auslassen.
%Vor% Ihre <p class="tags"> und <p class="published"> -Elemente befinden sich innerhalb des container div, das eine Schriftgröße von 1.4em hat, und auch innerhalb des posts div, das eine Schriftgröße von 1.2em hat. Ich denke, dass das Einstellen der Schriftgröße der Absätze auf 1em nicht wirklich etwas bewirkt, da die Einheit em kumulativ ist. Wenn also Ihre "root" -Schriftgröße 62,5% beträgt, wird sie für das erste div um 40% erhöht und für das zweite div um weitere 20% erhöht. Ihre zwei Absätze haben auch diese Schriftgröße, da sie die Größe nicht vergrößern oder verkleinern.
Wenn Sie möchten, dass die Tags "Tags" und "published" einen kleineren Text haben, geben Sie ihnen eine Größe von weniger als eins, z. %Code%. Dies gibt ihnen eine Größe 10% weniger als andere Elemente in der gleichen Eltern Div.
Graham hatte Recht, ich setzte ab;
%Vor%Und das hat die Schriftgröße geändert. Aktualisiert Jsfiddle sie e.
Die EM wird aus der Basisgröße der Körperschrift berechnet. Sehen Sie hier nach, wie das funktioniert:)