Heim >Web-Frontend >CSS-Tutorial >em px Beziehungserfahrungsaustausch

em px Beziehungserfahrungsaustausch

WBOY
WBOYOriginal
2016-05-16 12:09:161403Durchsuche

Die Situation ist wie folgt. Es gibt zwei häufig verwendete Einheiten zum Definieren der Schriftgröße in CSS: em und px.

em ist eine relative Zahl. Beispielsweise bedeutet 1,1em eine Zeichenbreite von 1,1, und diese Zeichenbreite wird basierend auf der Schriftgröße initialisiert. Gleichzeitig erbt em auch die Eigenschaften des übergeordneten Objekts, sodass 1,2em an verschiedenen Positionen nicht unbedingt gleich sind. Dieser Artikel hat jedoch nichts damit zu tun und ich werde nicht auf Details eingehen.
px steht für die Auflösung des aktuellen Anzeigegeräts. Obwohl es bei verschiedenen Geräten immer noch Größenunterschiede gibt, ist es relativ besser zum Definieren von Schriftarten geeignet.
Ich habe die Schriftgröße des Suchteils in dieser Vorlage nicht speziell definiert, daher wurde der Schriftgrößenparameter 12px des übergeordneten Objekts verwendet. Die verdammte IE-Definition der Schriftgröße unterscheidet sich tatsächlich von FF/Opera. Standardmäßig sieht 1em im IE größer aus als in anderen Browsern, daher müssen Sie dem Textteil die folgende Definition hinzufügen:

Code kopieren Der Code lautet wie folgt:

Schriftgröße:62,5%;
Schriftfamilie:'Lucida Grande', Verdana, Arial, Sans-Serif;

Der Schlüssel ist der erste Satz, wodurch die Schriftgröße unter IE wie folgt aussieht: 1em=10px, was fast der gleiche wie bei FF/Opera ist.
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn