Konwerter px na rem i em
Konwertuj wartości między px, rem i em przy użyciu własnej bazy i kontekstu czcionki — edytuj dowolne pole, a pozostałe dostosują się na bieżąco.
| 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 |
Każda konwersja odbywa się bezpośrednio w Państwa przeglądarce. Żadne dane nie są przesyłane do BroBroGo.
FAQ
Jaka jest różnica między px, rem i em?
Piksele (px) to stała, sztywna długość. Jednostka rem jest obliczana względem głównego (root) rozmiaru czcionki na stronie — przy bazie 16px, 1rem to dokładnie 16px. Jednostka em zależy natomiast od rozmiaru czcionki elementu, w którym się znajduje. Stosowanie rem do tekstów i odstępów pozwala na zachowanie pełnej skalowalności, gdy użytkownik zmieni domyślny rozmiar czcionki w swojej przeglądarce.
Dlaczego istnieje osobne pole dla kontekstu em?
Jednostka em odnosi się do rozmiaru czcionki własnego elementu nadrzędnego, który nie zawsze jest tożsamy z elementem głównym (root). Aby prawidłowo obliczyć em, należy ustawić kontekst em na wartość czcionki tego elementu nadrzędnego. Jeśli oba rozmiary są identyczne, zachowaj wartość równą bazie.
Co jeśli mój bazowy rozmiar czcionki (root) to nie 16px?
Wystarczy zmienić wartość w polu bazowego rozmiaru czcionki (root), aby dopasować ją do swojego projektu CSS — wszystkie wartości rem zostaną natychmiast przeliczone. Tabela poniżej stanowi wygodny punkt odniesienia dla standardowej bazy 16px, od której zaczyna większość stron.