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.
HIRDETÉS
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.
HIRDETÉS
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 |
Más egységek átváltása Pixelek egységre
További mértékegység-átváltók
Gyakran ismételt kérdések
Hány pixel 1rem?
Alapértelmezés szerint 1rem = 16px. Módosítható a gyökér betűméret beállításával.
Rem-et vagy px-et használjak?
Rem a tipográfiához, térközökhöz és elrendezéshez. Px a keretekhez, árnyékokhoz és nem skálázandó tulajdonságokhoz.
Rem-et vagy px-et használjak?
Rem a tipográfiához, térközökhöz és elrendezéshez. Px a keretekhez, árnyékokhoz és nem skálázandó tulajdonságokhoz.
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.
HIRDETÉS
További ingyenes eszközök
Képszerkesztő
Méretezze át, vágja ki és konvertálja képét. Kész formátumok közösségi médiához, kör alakú avatarok, export JPG/PNG/WebP.
Meta cím és leírás ellenőrző
Ellenőrizze a cím és leírás hosszát pixelben. Élő Google-előnézet és optimalizálási tippek.
PNG JPG
PNG fájlok konvertálása JPG-re a böngészőben. Korlátlan, regisztráció nélkül.
Favicon generátor
Hozzon létre teljes favicon.ico készletet weboldalához egyetlen képből. Minden szükséges méret, bejelentkezés nélkül.
Színpaletta generátor
Generáljon 9 palettát egy színből: monokromatikus, komplementer, triádikus és más. HEX kódok.
Színkontraszt ellenőrző
Ellenőrizze a szöveg és háttér kontrasztját a WCAG 2.1 AA és AAA szerint. Automatikus színkorrekció.
Ingyenes QR-kód generátor
Hozzon létre QR-kódot weboldalhoz, vCard-névjegyhez vagy nyomtatáshoz. Export PNG és SVG, regisztráció nélkül.
Szó- és karakterszámláló
Számolja meg a szavakat, karaktereket, mondatokat és az olvasási időt. Változtassa meg a betűméretet és formázza a szöveget egy kattintással.