Hoppa till innehållet

Hur många rem är så många pixlar?

Vid standardteckenstorleken 16 px är rem = px ÷ 16: 24 px är 1,5 rem.

px

Resultat

1,5 rem

24 pixlar är lika med 1,5 rem

  • Åt andra hållet: 1 rem = 16 px.

I alla enheter

Pixlar
24 px
Rem
1,5 rem
Em
1,5 em
Punkter
18 pt
Pica
1,5 pc
Tum
0,25 in
Centimeter
0,635 cm
Millimeter
6,35 mm
Kvartsmillimeter
25,4 Q

Sponsrade länkar

Vid standardteckenstorleken 16 px är rem = px ÷ 16: 24 px är 1,5 rem.

Så använder du verktyget

  1. Skriv in längden du vill omvandla.
  2. Välj enheterna att omvandla från och till.
  3. Ange teckenstorleken som 1 rem eller 1 em motsvarar: 16 px om inte din stilmall ändrar den.

px → rem

pxrem
80,5
120,75
161
241,5
322
483

Vid rotens teckenstorlek 16 px.

Så fungerar det

CSS har absoluta längder, som har fasta förhållanden till varandra, och längder som utgår från teckenstorleken. I CSS är en tum alltid 96 px, så 1 pt (1/72 tum) är 4/3 px, en pica är 16 px och 1 cm är ungefär 37,8 px. De här CSS-pixlarna är inte skärmens fysiska pixlar; webbläsaren skalar dem.

En rem är rotelementets teckenstorlek och en em är teckenstorleken för själva elementet. Webbläsare har 16 px som standard, så rem = px ÷ 16 och 24 px = 1,5 rem. Om din rotteckenstorlek är 20 px är 24 px 1,2 rem. Omvandlaren använder den teckenstorlek du anger för båda, så för em anger du storleken som gäller för det elementet.

Definitionerna kommer från W3C:s CSS Values and Units Module Level 4. Enheter för visningsyta och container (vw, vh, cqw) beror på skärmen och ingår inte.

Sponsrade länkar

Vanliga frågor

Hur omvandlar jag px till rem?

Dela pixlarna med rotteckenstorleken: vid 16 px är 32 px ÷ 16 = 2 rem.

Ska jag använda rem eller px för teckenstorlekar?

rem följer den teckenstorlek läsaren ställer in i webbläsaren, så text i rem skalas för den som behöver större text.

Sponsrade länkar

Sponsrade länkar