Analyse der am häufigsten verwendeten Längeneinheiten in HTML und CSS

Es gibt 8 Längeneinheiten in HTML und CSS, nämlich px, em, pt, ex, pc, in, mm, cm.

1.px

px: Pixel, relativ zur Längeneinheit des Geräts, Pixel sind relativ zur Bildschirmauflösung des Monitors. Beispielsweise beträgt die von Windows-Benutzern verwendete Auflösung im Allgemeinen 96 Pixel/Zoll. Die von MAC-Benutzern verwendete Auflösung beträgt im Allgemeinen 72 Pixel/Zoll.

2.em

em: relative Längeneinheit. Die Schriftgröße relativ zum Text im aktuellen Objekt. Wenn die Schriftgröße des aktuellen Inline-Textes nicht manuell festgelegt wurde, ist sie relativ zur Standardschriftgröße des Browsers.

3.ex

ex: relative Längeneinheit. Höhe relativ zum Zeichen „x“. Diese Höhe beträgt normalerweise die Hälfte der Schriftgröße. Wenn die aktuelle Schriftgröße für Inline-Text nicht manuell festgelegt wurde, ist sie relativ zur Standardschriftgröße des Browsers.

4.pt

pt: Punkt, absolute Längeneinheit.

5.pc

pc: Pica, absolute Längeneinheit. Es entspricht der Größe des neuen Typs Nr. 4 meines Landes.

6.in

in: Zoll, absolute Längeneinheit.

7,mm

mm: Millimeter, absolute Längeneinheit.

8,cm

cm: Zentimeter, absolute Längeneinheit.

Unter ihnen: 1 Zoll = 2,54 cm = 25,4 mm = 72 pt = 6 Stück;

Wir verwenden häufig px als Einheit für die Größe des Containers und die Schriftgröße (Schriftgröße). . Viele Einheimische verwenden px Unit. Der einzige fatale Nachteil der Verwendung von px als Schriftarteinheit besteht darin, dass die Browser-Schriftskalierungsfunktion unter IE nicht verwendet werden kann. Oder halten Sie die Strg-Taste gedrückt und scrollen Sie mit dem mittleren Rad der Maus.

So viele Leute schlagen vor, HTML-EM-Einheiten zu verwenden. Es ist definitiv nicht sehr praktisch für Leute, die es gewohnt sind, px zu verwenden. Hier sind einige Umrechnungsformeln und Vergleichstabellen als Referenz:

px to em:Example: 12px / 16px = .75em
px to %:Example: 12px / 16px * 100 = 75%
px to pt:Example: 16px * 72 (72 points = 1 inch) / 96 (96 pixels per inch in Windows, 72 in Mac) = 12pt
em to px:Example: .75em * 16px = 12px
em to %:Example: .75em * 100 = 75%
% to px:Example: 75 * 16px / 100 = 12px
% to em:Example: 75 / 100 = .75em
pt to px:Example: 12pt * 96ppi / 72ppi = 16px

Das obige ist der detaillierte Inhalt vonAnalyse der am häufigsten verwendeten Längeneinheiten in HTML und CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!