Konwerter px / rem / em
Konwertuj jednostki CSS px, rem, em, pt i % z konfigurowalną bazą.
- Natychmiast
- Za darmo
- Prywatnie (przetwarzane lokalnie)
- Bez rejestracji
Przeliczaj jednostki CSS w mgnieniu oka
Wpisz wartość i jednostkę, wybierz bazę (bazowy rozmiar czcionki, domyślnie 16) i uzyskaj odpowiedniki w px, rem, em, pt i %. Kliknij wartość, aby ją skopiować.
-
Wpisz wartość
I jej jednostkę początkową.
-
Ustaw bazę
Bazowy rozmiar czcionki (domyślnie 16px).
-
Skopiuj wybraną jednostkę
Kliknięcie kopiuje wartość gotową do CSS.
Odpowiedniki (baza 16px)
| px | rem | em | pt | % |
|---|---|---|---|---|
| 16 | 1 | 1 | 12 | 100 |
| 24 | 1.5 | 1.5 | 18 | 150 |
| 8 | 0.5 | 0.5 | 6 | 50 |
| 32 | 2 | 2 | 24 | 200 |
Zależności: 1 rem = baza px; 1 px = 0,75 pt; % = px ÷ baza × 100. Wszystko liczone lokalnie.
Najczęstsze pytania
Jaka różnica między px, rem i em?
px to stały rozmiar. rem jest względny do rozmiaru czcionki elementu głównego (html), domyślnie 16px. em jest względny do czcionki rodzica. Tutaj ustawiona baza jest odniesieniem dla rem, em i %.
Dlaczego rem zamiast px?
rem respektuje rozmiar czcionki wybrany przez użytkownika w przeglądarce: strona pozostaje czytelna i dostępna, gdy ktoś zwiększy rozmiar domyślny. Zalecane dla czcionek i wielu odstępów.
Jak przejść z px na pt?
W CSS 1px = 1/96 cala, a 1pt = 1/72 cala, więc 1px = 0,75pt. Przy bazie 16: 16px = 12pt. pt używa się głównie do druku.
Ile to 1 rem?
1 rem = bazowy rozmiar czcionki. Przy domyślnej bazie 16: 1 rem = 16px = 100%. Gdy ustawisz bazę na 10, 1 rem = 10px, co upraszcza obliczenia (1,6 rem = 16px).