px í rem & em breytir

Breyttu á milli px, rem og em með því að nota þína eigin grunnstærð og samhengi — breyttu hvaða reit sem er og hinir tveir uppfærast jafnharðan.

Gildi
Sláðu inn px, rem eða em gildi — hin tvö uppfærast jafnharðan.
Algeng px → rem (16px grunnur)
pxrem
80.5
120.75
140.875
161
181.125
201.25
241.5
322
402.5
483

Hver umbreyting keyrir í vafranum þínum. Engu sem þú slærð inn er hlaðið upp á BroBroGo.

Algengar spurningar

Hver er munurinn á px, rem og em?

px er föst lengd. rem er mælt gagnvart grunnstærð leturs síðunnar (root), þannig að við 16px grunnstærð jafngildir 1rem 16px. em er mælt gagnvart leturstærð þeirrar einingar sem það liggur í. Með því að skilgreina letur og bil í rem getur allt stækkað eða minnkað þegar lesandi breytir sjálfgefinni leturstærð í vafranum sínum.

Af hverju er sérstök em-samhengisstærð?

em miðast við leturstærð eigin einingar, sem er ekki alltaf grunnstærðin. Stilltu em-samhengið á leturstærð þeirrar einingar til að lesa em-gildið rétt, og hafðu það jafnt og grunnstærðina þegar þau passa saman.

Hvað ef grunnstærð letursins hjá mér er ekki 16px?

Breyttu reitnum fyrir grunnstærð leturs (root) til að passa við CSS-kóðann þinn og hvert rem-gildi uppfærist samstundis. Flýtitaflan hér að neðan er gagnlegur leiðarvísir fyrir algenga 16px grunnstærð sem flestar síður byrja með.

CSS clamp() reiknivélSláðu inn stærð fyrir litla og stóra skjái og fáðu flæðandi clamp() gildi sem breytist mjúklega á milli — fyrir leturstærðir, spássíur eða bil.EiningabreytirBreyttu lengd, þyngd, hitastigi, flatarmáli, rúmmáli og hraða á milli hvaða eininga sem er, samstundis.LitabreytirBreyttu litum á milli HEX, RGB, HSL, HSV, CMYK og LAB — breyttu hvaða reit sem er og hinir uppfærast jafnharðan.Reiknivél fyrir stærðarhlutföllBreyttu hvaða breidd × hæð sem er í hreint hlutfall eins og 16:9, eða veldu hlutfall og reiknaðu hliðina sem vantar — fyrir myndbönd, myndir og skjái.