Convertor px în rem și em
Convertiți între px, rem și em folosind propriile dimensiuni pentru fontul de bază și cel de context — editați orice câmp și celelalte două se vor actualiza pe măsură ce tastați.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Fiecare conversie rulează în browserul dumneavoastră. Nimic din ceea ce introduceți nu este încărcat pe BroBroGo.
Întrebări frecvente
Care este diferența dintre px, rem și em?
Unitatea px reprezintă o lungime fixă. Unitatea rem este calculată în raport cu dimensiunea fontului de bază (root) al paginii, astfel că la o bază de 16px, 1rem este egal cu 16px. Unitatea em este calculată în raport cu dimensiunea fontului elementului în care se află. Dimensionarea textului și a spațiilor în rem permite scalarea armonioasă a întregului conținut atunci când utilizatorul modifică dimensiunea implicită a fontului din browser.
De ce există o dimensiune separată pentru contextul em?
Unitatea em este relativă la dimensiunea fontului elementului propriu, care nu coincide întotdeauna cu cel de bază (root). Setați contextul em la dimensiunea fontului acelui element pentru a calcula corect valoarea em, și păstrați-l egal cu cel de bază atunci când cele două coincid.
Ce se întâmplă dacă dimensiunea fontului meu de bază nu este de 16px?
Modificați câmpul pentru dimensiunea fontului de bază (root font size) pentru a corespunde cu cel din codul dumneavoastră CSS, iar toate valorile rem se vor actualiza instantaneu. Tabelul rapid de mai jos este un ghid util pentru valoarea standard de 16px folosită ca punct de pornire de majoritatea site-urilor.