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

em px Beziehungserfahrungsaustausch

WBOY
Freigeben: 2016-05-16 12:09:16
Original
1403 Leute haben es durchsucht

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.
Verwandte Etiketten:
em
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage