1. Introduceți valoarea
Scrieți un număr în câmpul de introducere. Puteți folosi punctul sau virgula ca separator zecimal.
Rem în px
Acest convertor calculează instantaneu. Introduceți o valoare și rezultatul apare imediat.
Loading tool editor...
Când trebuie să folosiți: Rem în px?
Unitatea CSS rem este relativă la dimensiunea fontului elementului rădăcină (html). Implicit, browserele o setează la 16px, deci 1rem = 16px. Spre deosebire de em, rem nu se acumulează — face întotdeauna referire la rădăcină.
Rem este unitatea recomandată pentru web designul responsiv modern. Oferă dimensionare consistentă și scalabilă care respectă preferințele de accesibilitate ale utilizatorului.
Conversia rem în px ajută la înțelegerea dimensiunii reale afișate la proiectarea sau depanarea layout-urilor CSS.
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?
Dezvoltare web
Przeliczanie makiet (px) na rem: padding 24 px = 1,5 rem.Responsivitate
Rem se scalează cu preferințele utilizatorului – mai bun decât pixelii ficși.Accesibilitate (WCAG)
Rem respectă setările de dimensiune a textului utilizatorului.Sisteme de design
Scale de spațiere în rem: 0,25 / 0,5 / 1 / 1,5 / 2 / 3 rem.
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 = rem × dimensiunea fontului rădăcină. Dimensiunea implicită a fontului rădăcină = 16px.
Dacă html { font-size: 62.5% }, rădăcină = 10px, deci 1,6rem = 16px.
Rem nu se acumulează niciodată. 1rem este întotdeauna la fel, indiferent de adâncimea imbricării. Aceasta îl face mai predictibil decât em.
Sfaturi practice
- La rădăcină de 16px: 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).
- Țintă minimă de atingere: WCAG recomandă 44×44px = 2,75rem la rădăcină de 16px.
- Media queries în rem: @media (min-width: 48rem) = 768px la rădăcină de 16px.
rem vs em vs px
| Proprietate | rem | px |
|---|---|---|
| Referință | Dimensiune font rădăcină | Pixel fix |
| Compunere | Nu (întotdeauna rădăcină) | No |
| Responsiv | Yes | No |
| Accesibilitate | Respectă setările utilizatorului | Dimensiune fixă |
| Predictibilitate | Consistent peste tot | Întotdeauna consistent |
rem
- Referință
Dimensiune font rădăcină - Compunere
Nu (întotdeauna rădăcină) - Responsiv
Yes - Accesibilitate
Respectă setările utilizatorului - Predictibilitate
Consistent peste tot
px
- Referință
Pixel fix - Compunere
No - Responsiv
No - Accesibilitate
Dimensiune fixă - Predictibilitate
Întotdeauna consistent
Convertește alte unități în px
Explorează alte convertoare de unități
Întrebări frecvente
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.