Çfarë bën konvertuesi i px në rem & em
Ky mjet konverton vlera në piksel (px) në rem (root em) dhe em, dhe anasjelltas. Mund të vendosni një vlerë në cilëndo nga tri njësitë — px, rem ose em — dhe mjeti llogarit dhe shfaq automatikisht vlerat përkatëse në dy njësitë e tjera. Gjithashtu mund të përcaktoni një madhësi rrënjë të fontit të personalizuar dhe një madhësi fonti të kontekstit em, në mënyrë që konvertimet të jenë të sakta për nevojat specifike të projektimit tuaj.
Fushat e madhësisë rrënjë dhe kontekstit em
Mjeti ka dy fusha që kontrollojnë si llogariten konvertimet:
- Madhësia rrënjë e fontit (px): një numër që përfaqëson madhësinë bazë të fontit në piksel.
- madhësia e fontit të kontekstit em (px): një numër që përfaqëson madhësinë e fontit të elementit në piksel, për konvertimet em.
Që të dyja fushat kanë si vlerë të paracaktuar 16px. Kur i lini të pandryshuara, 16px është e barabartë me 1rem dhe me 1em njëkohësisht — pikërisht ashtu si fillon mjeti sapo ngarkohet.
Fusha e vlerave dhe si përditësohen
Fusha "Vlerat" pranon një numër që përfaqëson një gjatësi në px, rem ose em. Sapo të ndryshoni njërën nga tri fushat e njësive, dy të tjerat përditësohen ndërkohë që shkruani — pikërisht siç thuhet edhe në udhëzimin e mjetit: vendosni një vlerë px, rem ose em, dhe dy të tjerat përditësohen gjatë shkrimit. Mjeti lejon edhe vlera negative pikselash.
Disa shembuj me vlerat e paracaktuara (rrënja 16px, konteksti em 16px):
- 24px = 1,5rem = 1,5em
- 32px = 2rem = 2em
- 8px = 0,5rem = 0,5em
- -8px = -0,5rem = -0,5em
Nëse e ndryshoni madhësinë rrënjë të fontit në 20px, atëherë 30px do të japë 1,5rem — llogaritja ndryshon menjëherë sipas rrënjës që vendosni. Konteksti em mund të ndryshojë veçmas nga rrënja: nëse e vendosni kontekstin em në 14px ndërsa rrënja mbetet 16px, një vlerë prej 21px do të japë 1,5em (sipas kontekstit prej 14px), por 1,3125rem (sipas rrënjës prej 16px) — dy njësi që dalin ndryshe për të njëjtin numër pikselësh, sepse secila matet kundrejt një madhësie fonti tjetër.
Tabela e konvertimeve të zakonshme
Mjeti shfaq edhe tabelën "Konvertimet e zakonshme px → rem (baza 16px)". Kjo tabelë tregon vlera të zakonshme pikselash të konvertuara në rem, duke supozuar një madhësi rrënjë fonti prej 16px — e dobishme si referencë e shpejtë kur punoni me bazën më të përhapur, pa pasur nevojë të shtypni çdo vlerë veç e veç në fushën "Vlerat".
Rregullat dhe mesazhet e gabimit
Madhësia rrënjë e fontit dhe madhësia e fontit të kontekstit em duhen secila një numër më i madh se 0. Nëse vendosni një vlerë të pavlefshme, mjeti shfaq njërin nga këto mesazhe, sipas fushës:
- Në fushën "Vlerat": "Vendosni një numër për të konvertuar."
- Në fushën e madhësisë rrënjë të fontit: "Madhësia rrënjë e fontit duhet të jetë një numër më i madh se 0."
- Në fushën e kontekstit em: "Madhësia e fontit të kontekstit em duhet të jetë një numër më i madh se 0."
Fusha "Vlerat" pranon edhe numra negativë, kështu që mesazhi i saj i gabimit shfaqet vetëm kur ajo çka shtypni nuk është fare numër.
Përpunimi lokal
Çdo konvertim kryhet në shfletuesin tuaj. Asgjë që shkruani nuk ngarkohet në BroBroGo.
Kujt i shërben ky mjet
Ky konvertues është menduar për dikë që:
- ka nevojë të kthejë vlera fikse në piksel në njësi relative rem ose em për projektim përgjegjës;
- dëshiron të kuptojë si ndikon madhësia rrënjë e fontit në vlerat e rem-it;
- ka nevojë të llogarisë vlera em bazuar te madhësia e fontit të një elementi specifik;
- dëshiron të sigurohet që madhësitë e faqes së tij shkallëzohen saktë kur një lexues ndryshon madhësinë e paracaktuar të fontit.
Pyetje të shpeshta
Cili është ndryshimi midis px, rem dhe em?
px është një gjatësi fikse. rem matet në raport me madhësinë rrënjë të fontit të faqes, kështu që në një rrënjë 16px, 1rem është e barabartë me 16px. em matet në raport me madhësinë e fontit të elementit ku ndodhet. Përcaktimi i madhësisë së tipografisë dhe hapësirave në rem lejon që gjithçka të shkallëzohet kur një lexues ndryshon madhësinë e paracaktuar të fontit.
Pse ka një madhësi të veçantë të kontekstit em?
em është relativ me madhësinë e fontit të vetë elementit të tij, i cili nuk është gjithmonë rrënja. Vendosni kontekstin em me madhësinë e fontit të atij elementi për ta lexuar em saktë, dhe mbajeni atë të barabartë me rrënjën kur të dyja përputhen.
Po nëse madhësia rrënjë e fontit tim nuk është 16px?
Ndryshoni fushën e madhësisë rrënjë të fontit për t'u përshtatur me CSS-në tuaj dhe çdo vlerë rem do të përditësohet menjëherë. Tabela e shpejtë më poshtë është një udhëzues i dobishëm për bazën e zakonshme 16px nga e cila fillojnë shumica e faqeve.