Liigu sisu juurde

CSS-ühikute teisendaja

Ühikute teisendamine
Veeb ja arendus

Mitu rem-i on see pikslite arv?

Teisenda CSS-i pikkusi ühikute px, rem, em, pt, pc, in, cm, mm ja Q vahel oma fondisuuruse järgi.

px

Tulemus

16 px

1 rem on sama mis 16 pikslit

  • Vastupidi: 1 px = 0,0625 rem.

Kõigis ühikutes

Pikslid
16 px
Rem-ühikud
1 rem
Em-ühikud
1 em
Punktid
12 pt
Picad
1 pc
Tollid
0,1667 in
Sentimeetrid
0,4233 cm
Millimeetrid
4,233 mm
Veerandmillimeetrid
16,93 Q

Sponsitud lingid

Teisenda CSS-i pikkusi ühikute px, rem, em, pt, pc, in, cm, mm ja Q vahel oma fondisuuruse järgi.

Kuidas kasutada

  1. Sisesta teisendatav pikkus.
  2. Vali lähte- ja sihtühik.
  3. Määra fondisuurus, mida 1 rem või 1 em tähendab: 16 px, kui sinu laaditabel seda ei muuda.

px → rem

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

Juurelemendi fondisuuruse 16 px korral.

Kuidas see töötab

CSS-is on absoluutsed pikkused, mis on omavahel kindlas suhtes, ja fondisuurusest sõltuvad pikkused. CSS-is on toll alati 96 px, seega 1 pt (1/72 tolli) on 4/3 px, pica on 16 px ja 1 cm on umbes 37,8 px. Need CSS-i pikslid ei ole ekraani füüsilised pikslid; brauser skaleerib neid.

Rem on juurelemendi fondisuurus ja em elemendi enda fondisuurus. Brauserite vaikeväärtus on 16 px, seega rem = px ÷ 16 ja 24 px = 1,5 rem. Kui juurfondi suurus on 20 px, on 24 px 1,2 rem. Teisendaja kasutab mõlema jaoks üht fondisuurust, mille määrad, nii et em-i puhul sisesta selle elemendi suurus.

Määratlused pärinevad W3C dokumendist CSS Values and Units Module Level 4. Vaateala ja konteineri ühikud (vw, vh, cqw) sõltuvad ekraanist ega ole kaasatud.

Sponsitud lingid

Korduma kippuvad küsimused

Mitu pikslit on 1 rem?

Brauserite vaikimisi fondisuuruse juures 16 px. See muutub koos juurfondi suurusega, näiteks html { font-size: 62.5% } korral on see 10 px.

Mis vahe on em-il ja rem-il?

rem kasutab alati juure (html) fondisuurust; em kasutab selle elemendi fondisuurust, millel ta on, nii et pesastatud em-id korrutuvad.

Mitu pikslit on 12 pt?

16 px: punkt on 1/72 tolli ja CSS-i toll on 96 px.

Kas CSS-piksel on alati üks ekraanipiksel?

Ei. CSS-pikslid on võrdlusühikud. Seadme pikslisuhe ja suum määravad, mitu füüsilist pikslit vastab ühele CSS-pikslile.

Kas saan siin teisendada vw või vh ühikuid?

Ei. Need sõltuvad vaateava mõõtmetest. Teisendaja toetab kindlaid CSS-pikkusi ning em/rem ühikuid sinu määratud fondisuurusega.

Järgmiseks võib vaja minna

Veel kategoorias Ühikute teisendamine

Kõik 24 tööriista kategoorias Ühikute teisendamine

Praegu populaarne

Sponsitud lingid

Sponsitud lingid