Konwerter jednostek CSS
Konwertuj między PX, REM, EM, PT, %, vh, vw — utrzymaj spójną typografię
Twoje pliki nigdy nie opuszczają przeglądarki. Nic nie jest wysyłane na żaden serwer. Polityka prywatności
Konwertuj między PX, REM, EM, PT, % oraz jednostkami viewport (vh, vw) z konfigurowalnym rozmiarem root i viewportem. Projektanci i deweloperzy używają go, aby utrzymać spójną typografię i odstępy w CSS.
Jak konwertować jednostki CSS
1
Ustaw rozmiar bazowy
Ustaw font-size root (domyślnie 16px) — kontroluje to obliczenia REM.
2
Wpisz wartość
Wpisz w dowolnej jednostce, a inne zaktualizują się automatycznie.
3
Użyj wyniku
Skopiuj potrzebną jednostkę i wklej w CSS.
Typowe jednostki CSS
PX, REM, EM, PT, % i jednostki viewport (vh, vw).
Niestandardowy root
Ustaw rozmiar root (domyślnie 16px) dla dokładnych obliczeń REM/EM.
Świadomość viewport
Konwertuje vh/vw przy użyciu bieżącego okna lub niestandardowego rozmiaru.
Kopiuj dowolną jednostkę
Kliknij, aby skopiować przekonwertowaną wartość.
FAQ
REM jest względny wobec root html — przewidywalny. EM wobec font-size rodzica — przydatny do skalowania wewnętrznego komponentów.
Jednostki viewport świetnie nadają się do hero, modali i layoutów pełnoekranowych, gdzie rozmiar ma skalować się z viewportem.
EM jest względny wobec font-size rodzica. Jeśli rodzic ma 20px, 1em = 20px w jego zasięgu.
Zależy od właściwości — % szerokości względem rodzica, % font-size względem font-size rodzica.
Tak — użyta baza jest dokładna. Przeglądarki mogą renderować ułamkowe piksele różnie z powodu zaokrągleń subpikselowych.