1. Érték megadása
Írjon be egy számot a beviteli mezőbe. Használhat pontot vagy vesszőt tizedesjegyként.
Rem 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: Rem px-re?
A CSS rem egység a gyökér elem (html) betűméretéhez viszonyított. Alapértelmezés szerint a böngészők 16px-re állítják, így 1rem = 16px. Az em-mel ellentétben a rem nem halmozódik — mindig a gyökérre hivatkozik.
A rem az ajánlott egység a modern reszponzív webtervezéshez. Egységes, skálázható méretezést biztosít, amely tiszteletben tartja a felhasználó akadálymentesítési beállításait.
A rem px-re konvertálása segít megérteni a tényleges megjelenített méretet CSS elrendezések tervezésekor vagy hibakeresésekor.
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ó?
Webfejlesztés
Przeliczanie makiet (px) na rem: padding 24 px = 1,5 rem.Reszponzivitás
A rem a felhasználói beállításokkal együtt skálázódik – jobb, mint a fix pixelek.Akadálymentesítés (WCAG)
A rem tiszteletben tartja a felhasználó szövegméret-beállításait.Tervezési rendszerek
Térköz-skálák rem-ben: 0,25 / 0,5 / 1 / 1,5 / 2 / 3 rem.
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 = rem × gyökér betűméret. Alapértelmezett gyökér betűméret = 16px.
Ha html { font-size: 62.5% }, gyökér = 10px, tehát 1,6rem = 16px.
A rem soha nem halmozódik. 1rem mindig ugyanaz, függetlenül a beágyazási mélységtől. Ez kiszámíthatóbbá teszi az em-nél.
Gyakorlati tippek
- 16px gyökérnél: 0,75rem = 12px, 0,875rem = 14px, 1rem = 16px, 1,25rem = 20px, 1,5rem = 24px, 2rem = 32px.
- Tailwind: text-sm = 0,875rem (14px), text-base = 1rem (16px), text-lg = 1,125rem (18px).
- Minimális érintési cél: a WCAG 44×44px-t javasol = 2,75rem 16px gyökérnél.
- Media query rem-ben: @media (min-width: 48rem) = 768px 16px gyökérnél.
rem vs em vs px
| Tulajdonság | rem | px |
|---|---|---|
| Hivatkozás | Gyökér betűméret | Fix pixel |
| Halmozódás | Nem (mindig gyökér) | 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 | Mindenhol egységes | Mindig egységes |
rem
- Hivatkozás
Gyökér betűméret - Halmozódás
Nem (mindig gyökér) - Reszponzív
Yes - Akadálymentesség
Tiszteletben tartja a felhasználói beállításokat - Kiszámíthatóság
Mindenhol egységes
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.