Siirry sisältöön

Montako rem-yksikköä pikselimäärä on?

Muunna CSS-pituuksia yksiköiden px, rem, em, pt, pc, in, cm, mm ja Q välillä fonttikokosi mukaan.

px

Tulos

16 px

1 rem on 16 pikseliä

  • Toisin päin: 1 px = 0,0625 rem.

Kaikkina yksiköinä

Pikselit
16 px
Rem-yksiköt
1 rem
Em-yksiköt
1 em
Pisteet
12 pt
Picat
1 pc
Tuuma
0,1667 in
Senttimetri
0,4233 cm
Millimetri
4,233 mm
Neljännesmillimetrit
16,93 Q

Sponsoroidut linkit

Muunna CSS-pituuksia yksiköiden px, rem, em, pt, pc, in, cm, mm ja Q välillä fonttikokosi mukaan.

Käyttöohje

  1. Kirjoita pituus, jonka haluat muuntaa.
  2. Valitse yksiköt, joista ja joihin muunnetaan.
  3. Aseta fonttikoko, jota 1 rem tai 1 em vastaa: 16 px, ellei tyylitiedostosi muuta sitä.

px → rem

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

Juurielementin fonttikoolla 16 px.

Näin se toimii

CSS:ssä on absoluuttisia pituuksia, jotka ovat kiinteässä suhteessa toisiinsa, ja fonttikokoon sidottuja pituuksia. CSS:ssä tuuma on aina 96 px, joten 1 pt (1/72 tuumaa) on 4/3 px, pica on 16 px ja 1 cm on noin 37,8 px. Nämä CSS-pikselit eivät ole näytön fyysisiä pikseleitä, vaan selain skaalaa ne.

Rem on juurielementin fonttikoko ja em itse elementin fonttikoko. Selainten oletus on 16 px, joten rem = px ÷ 16 ja 24 px = 1,5 rem. Jos juurifonttikokosi on 20 px, 24 px on 1,2 rem. Muunnin käyttää samaa asettamaasi fonttikokoa molemmille, joten anna em-yksikköä varten koko, joka koskee juuri sitä elementtiä.

Määritelmät ovat W3C:n määrittelystä CSS Values and Units Module Level 4. Näkymä- ja säiliöyksiköt (vw, vh, cqw) riippuvat näytöstä, eikä niitä ole mukana.

Sponsoroidut linkit

Usein kysyttyä

Montako pikseliä on 1 rem?

16 px selainten oletusfonttikoolla. Se muuttuu juurifonttikoon mukana, esimerkiksi 10 px, kun html { font-size: 62.5% }.

Mitä eroa on em- ja rem-yksiköillä?

Rem käyttää aina juurielementin (html) fonttikokoa. Em käyttää sen elementin fonttikokoa, jossa se on, joten sisäkkäiset em-arvot kertautuvat.

Montako pikseliä on 12 pt?

16 px: piste on 1/72 tuumaa ja CSS-tuuma on 96 px.

Onko CSS-pikseli aina yksi näytön pikseli?

Ei. CSS-pikselit ovat viiteyksiköitä. Laitteen pikselisuhde ja zoomaus määräävät, montako fyysistä pikseliä vastaa yhtä CSS-pikseliä.

Voinko muuntaa vw- tai vh-yksiköitä?

Et. Ne riippuvat näkymän mitoista. Muunnin tukee kiinteitä CSS-pituuksia sekä em- ja rem-yksiköitä antamallasi fonttikoolla.

Lisää kategoriasta Yksikkömuunnokset

Kaikki 24 työkalua kategoriassa Yksikkömuunnokset

Sponsoroidut linkit

Sponsoroidut linkit