1. Introduceți valoarea
Scrieți un număr în câmpul de introducere. Puteți folosi punctul sau virgula ca separator zecimal.
Em în px
Acest convertor calculează instantaneu. Introduceți o valoare și rezultatul apare imediat.
PUBLICITATE
PUBLICITATE
Loading tool editor...
Când trebuie să folosiți: Em în px?
Unitatea CSS em este relativă la dimensiunea fontului elementului părinte. La dimensiunea implicită de 16px: 1em = 16px, 1,5em = 24px, 2em = 32px.
Spre deosebire de rem (relativ la elementul rădăcină), em se acumulează: 1,5em × 1,5em = 2,25× dimensiunea de bază.
Toate calculele se efectuează local în browserul dumneavoastră.
Cum să utilizați convertorul?
2. Citiți rezultatul
Rezultatul conversiei apare instantaneu în câmpul adiacent – fără a da clic.3. Copiați sau inversați
Faceți clic pe Copiați rezultatul sau folosiți butonul Inversați.
Când este util acest convertor?
Tipografie
Line-height 1,5 em = 150% rozmiaru czcionki rodzica.Butoane
Padding-ul în em se scalează cu dimensiunea textului butonului.Componente
Dimensiuni proporționale cu textul în componentele UI.Dezvoltare web
Breakpoint-urile în em rezistă la modificarea font-size de bază.
Ce face acest convertor special?
Confidențialitate completă
Toate calculele se fac local, în browserul dvs. Nicio dată nu este trimisă la vreun server.Rezultate în timp real
Rezultatul se actualizează instant pe măsură ce tastați – fără a apăsa vreun buton.Conversie bidirecțională
Butonul Inversare vă permite să convertiți în ambele direcții cu un singur clic.Tabel de referință
Un tabel gata cu valori convertite frecvent și descrieri contextuale.
Cum funcționează conversia?
px = em × dimensiunea fontului părinte. Implicit, dimensiunea de bază a fontului browserului este 16px.
Em se acumulează prin arborele DOM. Dacă body este 16px și un div este 1,5em (24px), un paragraf interior la 1,5em va fi 1,5 × 24 = 36px.
Pentru dimensionare predictibilă, luați în considerare utilizarea unităților rem — acestea fac întotdeauna referire la dimensiunea fontului elementului rădăcină.
Sfaturi practice
- Font implicit browser: 16px. 1em = 16px, 0,875em = 14px, 1,25em = 20px.
- Dimensiuni comune titluri: h1 = 2em (32px), h2 = 1,5em (24px), h3 = 1,17em (18,7px).
- Padding/margin în em se scalează cu dimensiunea fontului — util pentru componente responsive.
- Trucul 62,5%: setând html font-size la 62,5%, 1em = 10px pentru calcule mai ușoare.
PUBLICITATE
em vs px vs rem
| Proprietate | em | px |
|---|---|---|
| Referință | Dimensiune font părinte | Pixel fix |
| Compunere | Da (se acumulează) | No |
| Responsiv | Yes | No |
| Accesibilitate | Respectă setările utilizatorului | Dimensiune fixă |
| Predictibilitate | Depinde de context | Întotdeauna consistent |
em
- Referință
Dimensiune font părinte - Compunere
Da (se acumulează) - Responsiv
Yes - Accesibilitate
Respectă setările utilizatorului - Predictibilitate
Depinde de context
px
- Referință
Pixel fix - Compunere
No - Responsiv
No - Accesibilitate
Dimensiune fixă - Predictibilitate
Întotdeauna consistent
Convertește alte unități în Pixeli
Explorează alte convertoare de unități
Întrebări frecvente
Câți pixeli sunt 1em?
Implicit 1em = 16px (implicit browser). Dar em este relativ la elementul părinte.
Ce este der Unterschied zwischen em und rem?
Em se referă la dimensiunea fontului părinte. Rem se referă la dimensiunea fontului rădăcină (html). Rem este mai predictibil.
Când ar trebui să folosesc em în loc de px?
Folosiți em pentru tipografie și spațiere care trebuie să se scaleze cu dimensiunea fontului. Px pentru borduri, umbre și proprietăți care trebuie să rămână fixe.
Ajutați-ne să ne îmbunătățim instrumentele
Aveți o idee, ați găsit o eroare sau doriți să sugerați o funcție? Scrieți-ne – răspundem în 24 de ore.