Hoppa till innehållet

Hur många rem är pixelvärdet?

Omvandla CSS-längder mellan px, rem, em, pt, pc, in, cm, mm och Q vid din teckenstorlek.

px

Resultat

16 px

1 rem är lika med 16 pixlar

  • Åt andra hållet: 1 px = 0,0625 rem.

I alla enheter

Pixlar
16 px
Rem
1 rem
Em
1 em
Punkter
12 pt
Pica
1 pc
Tum
0,1667 in
Centimeter
0,4233 cm
Millimeter
4,233 mm
Kvartsmillimeter
16,93 Q

Sponsrade länkar

Omvandla CSS-längder mellan px, rem, em, pt, pc, in, cm, mm och Q vid din teckenstorlek.

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 många pixlar är 1 rem?

16 px vid webbläsarnas standardteckenstorlek. Det ändras med rotteckenstorleken, till exempel 10 px med html { font-size: 62.5% }.

Vad är skillnaden mellan em och rem?

rem utgår alltid från rotens (html) teckenstorlek; em utgår från teckenstorleken hos elementet den står på, så nästlade em multipliceras.

Hur många pixlar är 12 pt?

16 px: en punkt är 1/72 tum och en CSS-tum är 96 px.

Är en CSS-pixel alltid en skärmpixel?

Nej. CSS-pixlar är referensenheter. Enhetens pixelförhållande och zoom avgör hur många fysiska pixlar som visar en CSS-pixel.

Kan jag omvandla vw eller vh här?

Nej. De beror på visningsytans mått. Omvandlaren stöder fasta CSS-längder och em/rem vid den teckenstorlek du anger.

Sponsrade länkar

Sponsrade länkar