Em-zu-Pixel-Umrechner — Formel

Em to Pixels

Pixels = Em x Base Font Size

What is an Em?

In CSS, 1em equals the computed font size of the parent element. If the parent is 16px, then 1em = 16px, 1.5em = 24px, 0.875em = 14px.

Em vs Rem

  • em is relative to the parent element font size (cascading)
  • rem is relative to the root element font size (consistent)

    • Default browser root font size is 16px.

    Lösungsbeispiel

    1.5em with a 16px base font.

    1. Pixels = 1.5 x 16 = 24px
    2. Rem = 24 / 16 = 1.5rem
    3. Points = 24 x 0.75 = 18pt