Softonic

Przelicznik pikseli na EM

Krok 1 / 2
Wyniki

Przelicz wartość w pikselach względem bazowego rozmiaru pisma. Dla em bazą powinien być właściwy lokalny rozmiar, a dla rem rozmiar elementu głównego (<html>). Początkowe 16 px to tylko popularna wartość.

Jak wykonać przeliczenie

  1. 1

    Wpisz piksele

    Podaj dowolną liczbową wartość CSS w pikselach.

  2. 2

    Wybierz właściwą bazę

    Dla `em` użyj rozmiaru lokalnego, a dla `rem` głównego. Baza nie może wynosić zero.

  3. 3

    Odczytaj cztery wyniki

    Narzędzie pokazuje stosunek w em/rem, procent oraz punkty CSS.

Wzory i przykład

em lub rem = px / baza · procent = px / baza × 100 · pt = px × 0,75

Dla 24px i bazy 16px wyniki to 1.5em, 1.5rem, 150% oraz 18pt. W CSS 96px = 72pt; nie oznacza to fizycznych pikseli ekranu.

Jednostka Prawidłowe odniesienie
em Obliczony rozmiar pisma elementu; dla font-size rozmiar dziedziczony
rem Rozmiar pisma elementu głównego
% Wybrana baza wyrażona jako 100%
pt Stały stosunek CSS; nie korzysta z bazy
  • Zagnieżdżone rozmiary em mnożą się.
  • em i rem pokazują tu tę samą liczbę, bo jest jedno pole bazy, lecz ich znaczenie CSS jest inne.
  • em/rem mają do sześciu miejsc po przecinku, procent/pt do czterech; końcowe zera są usuwane.

Najczęściej zadawane pytania

Użyj rem dla wymiarów związanych z elementem głównym, a em, gdy komponent ma skalować się z lokalnym tekstem.

Nie. Preferencje przeglądarki i CSS strony mogą ją zmienić. W razie potrzeby sprawdź obliczony rozmiar pisma.

Witryna przetwarza je na serwerze. W trybie krokowym trafiają też do adresu URL; nie wpisuj danych wrażliwych.

Powiązane narzędzia

Tabela ASCII

Pełna tabela ASCII od 0 do 127 z zapisem dziesiętnym, szesnastkowym, ósemkowym i binarnym oraz notacją numerycznych odwołań HTML, w tym kodami sterującymi NUL, LF i DEL.

Referencja znaków HTML

Przeszukiwalna lista encji HTML wraz z ich kodami nazwanymi i liczbowymi oraz kopiowaniem jednym kliknięciem specjalnych znaków i symboli.

Skróty klawiaturowe

Wyszukuj udokumentowane skróty domyślne VS Code, Chrome i Bash z GNU Readline w macOS, Windows i Linux.

Generator EditorConfig

Wygeneruj plik .editorconfig z własnymi regułami stylu i rozmiaru wcięć, końca linii, kodowania i białych znaków, aby uzyskać spójne formatowanie w różnych IDE i edytorach.

Walidator adresów e-mail

Zweryfikuj adres e-mail: sprawdzenie składni RFC 5322, sprawdzenie rekordu MX w czasie rzeczywistym oraz szczegóły dotyczące części lokalnej, domeny i długości. Żadna wiadomość nie jest wysyłana.

Formatowanie HTML

Formatuj HTML lokalnie w przeglądarce, używając wcięć dwóch lub czterech spacji. HTML nie jest wysyłany ani walidowany.

Narzędzie jest dostępne w innych językach