1. Érték megadása
Írjon be egy számot a beviteli mezőbe. Használhat pontot vagy vesszőt tizedesjegyként.
Em px-re
Ez az átváltó azonnal átszámol. Adjon meg egy értéket és az eredmény azonnal megjelenik.
Loading tool editor...
Mikor kell használni: Em px-re?
A CSS em egység a szülő elem betűméretéhez viszonyított. Az alapértelmezett 16px mellett: 1em = 16px, 1,5em = 24px, 2em = 32px.
A rem-mel ellentétben (amely a gyökér elemre vonatkozik) az em halmozódik: 1,5em × 1,5em = 2,25× az alap méret.
Minden számítás helyben, a böngészőjében történik.
Hogyan használja az átváltót?
2. Eredmény leolvasása
Az átváltás eredménye azonnal megjelenik a mellette lévő mezőben – kattintás nélkül.3. Másolás vagy megfordítás
Kattintson az Eredmény másolása gombra vagy használja a Megfordítás gombot.
Mikor hasznos ez az átváltó?
Tipográfia
Line-height 1,5 em = 150% rozmiaru czcionki rodzica.Gombok
Az em padding a gomb szövegméretével együtt skálázódik.Komponensek
Szövegarányos méretek az UI-komponensekben.Webfejlesztés
Az em breakpointok ellenállnak az alap font-size változásainak.
Mi teszi különlegessé ezt az átváltót?
Teljes adatvédelem
Minden számítás helyben, a böngészőjében történik. Semmilyen adat nem kerül szerverre.Azonnali eredmények
Az eredmény azonnal frissül gépelés közben – nem kell semmilyen gombra kattintani.Kétirányú átváltás
A Megfordítás gomb segítségével egy kattintással válthat irányt.Referencia táblázat
Kész táblázat gyakran átváltott értékekkel és kontextuális leírásokkal.
Hogyan működik az átváltás?
px = em × szülő betűméret. Alapértelmezés szerint a böngésző alap betűmérete 16px.
Az em halmozódik a DOM-fán keresztül. Ha a body 16px és egy div 1,5em (24px), egy belső bekezdés 1,5em-nél 1,5 × 24 = 36px lesz.
Kiszámíthatóbb méretezéshez használjon rem egységeket — ezek mindig a gyökér elem betűméretére hivatkoznak.
Gyakorlati tippek
- Alapértelmezett böngésző betűméret: 16px. 1em = 16px, 0,875em = 14px, 1,25em = 20px.
- Gyakori címsor méretek: h1 = 2em (32px), h2 = 1,5em (24px), h3 = 1,17em (18,7px).
- Az em padding/margin a betűmérettel skálázódik — hasznos reszponzív komponensekhez.
- 62,5%-os trükk: html font-size 62,5%-ra állítva 1em = 10px az egyszerűbb számoláshoz.
em vs px vs rem
| Tulajdonság | em | px |
|---|---|---|
| Hivatkozás | Szülő betűméret | Fix pixel |
| Halmozódás | Igen (halmozódik) | No |
| Reszponzív | Yes | No |
| Akadálymentesség | Tiszteletben tartja a felhasználói beállításokat | Fix méret |
| Kiszámíthatóság | Kontextusfüggő | Mindig egységes |
em
- Hivatkozás
Szülő betűméret - Halmozódás
Igen (halmozódik) - Reszponzív
Yes - Akadálymentesség
Tiszteletben tartja a felhasználói beállításokat - Kiszámíthatóság
Kontextusfüggő
px
- Hivatkozás
Fix pixel - Halmozódás
No - Reszponzív
No - Akadálymentesség
Fix méret - Kiszámíthatóság
Mindig egységes
Más egységek átváltása px egységre
További mértékegység-átváltók
Gyakran ismételt kérdések
Segítsen javítani eszközeinket
Van ötlete, hibát talált vagy funkciót szeretne javasolni? Írjon nekünk – 24 órán belül válaszolunk.