Softonic

Omvandlare från pixlar till EM

Steg 1 / 2
Resultat

Omvandla ett pixelvärde mot en basstorlek för text. För em ska basen vara relevant lokal teckenstorlek; för rem teckenstorleken på rotelementet (<html>). Startvärdet 16 px är bara ett vanligt värde.

Så gör du omvandlingen

  1. 1

    Ange pixlar

    Skriv ett numeriskt CSS-värde i pixlar.

  2. 2

    Välj rätt bas

    Använd lokal teckenstorlek för `em` och rotens storlek för `rem`. Basen får inte vara noll.

  3. 3

    Läs fyra resultat

    Verktyget visar förhållandet som em/rem, procent och CSS-punkter.

Formler och exempel

em eller rem = px / bas · procent = px / bas × 100 · pt = px × 0,75

Med 24px och basen 16px blir resultatet 1.5em, 1.5rem, 150% och 18pt. I CSS gäller 96px = 72pt; det är inte ett löfte om fysiska skärmpixlar.

Enhet Rätt referens
em Elementets beräknade teckenstorlek; för font-size den ärvda storleken
rem Rotelementets teckenstorlek
% Vald bas uttryckt som 100%
pt Fast CSS-förhållande; använder inte basfältet
  • Nästlade em-storlekar multipliceras.
  • em och rem visar samma tal här eftersom det finns ett basfält, men deras CSS-betydelse är olika.
  • em/rem visar upp till sex decimaler och procent/pt upp till fyra, utan avslutande nollor.

Vanliga frågor

Använd rem för rotbaserade mått och em när en komponent ska följa sin lokala textstorlek.

Nej. Webbläsarinställningar och webbplatsens CSS kan ändra den. Kontrollera beräknad teckenstorlek vid behov.

Webbplatsen behandlar dem på våra servrar. I stegflödet syns de även i webbadressen; ange inte känsliga uppgifter.

Relaterade verktyg

ASCII-tabellreferens

Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.

HTML-teckenreferens

En sökbar lista över HTML-entiteter med deras namngivna och numeriska koder samt kopiering med ett klick för specialtecken och symboler.

Referens för kortkommandon

Sök dokumenterade standardkommandon för VS Code, Chrome och Bash med GNU Readline i macOS, Windows och Linux.

E-postvalidator

Validera en e-postadress: RFC 5322-syntaxkontroll, live-slagning av MX-poster samt detaljer om lokal del, domän och längd. Ingen e-post skickas.

EditorConfig-generator

Generera en .editorconfig-fil med dina regler för indragsstil och -storlek, radslut, teckenuppsättning och blanksteg för enhetlig formatering i alla IDE:er och editorer.

HTML-formaterare

Formatera HTML lokalt i webbläsaren med indrag på två eller fyra blanksteg. HTML laddas inte upp eller valideras.

Verktyget finns på andra språk