Obraz i ekran

Konwerter jednostek CSS

Konwertuj typowe długości CSS tylko wtedy, gdy ich wymagany kontekst jest wyraźny. Podaj rozmiary czcionek głównych i bieżących elementów, aby rem i em nie zakładały po cichu tej samej podstawy.

● Działa lokalnie
Przykładowe wartości
Działa w Twojej przeglądarce · Nie wymaga konta

Konwerter jednostek CSS

Przekonwertowana długość CSS
01

Formuła

1rem = root px · 1em = element px · 1pt = 96/72 px

Normalizuj jednostkę źródłową do pikseli referencyjnych CSS, a następnie podziel przez kontekstowy współczynnik pikseli jednostki docelowej.

02

Założenia

  • Rozmiary czcionek głównych i elementów są ściśle dodatnie.
  • Używany jest piksel referencyjny CSS, a nie zmierzony fizyczny piksel ekranu.

To narzędzie zakłada relację referencyjną CSS 1in = 96px i 1pt = 1/72in. Jednostki i wartości procentowe rzutni są wykluczone.

03

Przegląd formuły

Formula v1.0.0

Recenzję 2026-08-03

CalcFlow engineering review

Działający przykład

Konwerter jednostek CSS: Działający przykład

Przy pierwiastku 16 px, 24 px ÷ 16 = 1,5 rem. Zgodnie z zasadą piksela referencyjnego 24 piksele równają się także 18 pkt.

Często zadawane pytania

Często zadawane pytania

Jaka jest różnica między remi em?

rem używa rozmiaru czcionki elementu głównego. em używa kontekstu rozmiaru czcionki bieżącego elementu.

Dlaczego wartości procentowe są wyłączone?

Wartość procentowa może zależeć od różnych właściwości i zawierających bloki, dlatego jeden kontekst skalarny nie jest wystarczający.

Czy plik CSS px jest pikselem fizycznym?

Nie koniecznie. CSS definiuje piksel referencyjny, który przeglądarki mapują na piksele urządzenia w zależności od wyświetlania i powiększenia.