Kaj orodje naredi
Pretvornik px v rem in em pretvarja vrednosti med tremi enotami hkrati. Vnesete lahko vrednost v katero koli od treh polj - px, rem ali em - orodje pa samodejno izračuna in prikaže ustrezni vrednosti v preostalih dveh enotah. Poleg tega lahko nastavite lastno korensko velikost pisave in velikost pisave em konteksta, da so pretvorbe točne za vaš konkreten primer oblikovanja. Ob preračunu orodje na zaslonu ves čas prikazuje tudi vrednosti, ki ste ju sami določili za korensko velikost pisave in za velikost pisave em konteksta, poleg pretvorjenih vrednosti v vseh treh enotah.
Orodje je namenjeno vsakomur, ki mora fiksne vrednosti v pikslih pretvoriti v relativne enote rem ali em za odzivno oblikovanje, ki mora razumeti, kako korenska velikost pisave vpliva na vrednosti rem, ki mora izračunati vrednosti em glede na velikost pisave določenega elementa, ali ki želi, da se postavitev pravilno prilagodi, ko bralec spremeni privzeto velikost pisave v svojem brskalniku.
Razlika med enotami px, rem in em
V polje Vrednosti lahko vnesete število v px, rem ali em, preostali dve enoti pa se posodobita samodejno. Ko so vsa polja na privzetih nastavitvah, velja začetno razmerje: 16px je enako 1rem in je enako 1em. Vrednost rem je vedno odvisna od korenske velikosti pisave cele strani, vrednost em pa od velikosti pisave elementa, v katerem se ta vrednost uporablja - zato orodje ponuja dve ločeni polji, Korenska (root) velikost pisave (px) in Velikost pisave em konteksta (px), vsako s svojo vlogo pri preračunu.
Korenska velikost pisave in njen vpliv na rem
Polje Korenska (root) velikost pisave (px) predstavlja osnovno velikost pisave v pikslih, na podlagi katere se izračunavajo vse vrednosti rem. Privzeta korenska velikost pisave je 16px. Vrednost mora biti število, večje od 0 - če vnesete kaj drugega, se izpiše sporočilo "Korenska (root) velikost pisave mora biti število, večje od 0." Ko spremenite korensko velikost pisave, se vse pretvorbe v rem takoj preračunajo glede na novo vrednost. Za hiter pregled, kako se piksli pretvorijo v rem pri privzeti osnovi 16px, orodje prikaže tudi tabelo "Pogoste pretvorbe px → rem (osnova 16px)".
Velikost pisave em konteksta in njen vpliv na em
Polje Velikost pisave em konteksta (px) predstavlja velikost pisave elementa, za katerega računate vrednost em. Privzeta velikost pisave em konteksta je prav tako 16px, mora pa biti število, večje od 0 - sicer se izpiše sporočilo "Velikost pisave em konteksta mora biti število, večje od 0." Ta vrednost je ločena od korenske velikosti pisave, saj je em relativen glede na pisavo elementa samega in ne glede na pisavo celotne strani. Tako lahko za vsak element posebej vnesete njegovo dejansko velikost pisave in dobite em vrednost, ki ustreza točno temu elementu.
Vnos vrednosti, posodabljanje v živo in sporočila o napakah
Orodje samo pove, kako deluje: "Vnesite vrednost px, rem ali em — ostali dve se bosta posodobili med tipkanjem." Ko torej urejate katero koli od polj px, rem ali em, se preostali dve vrednosti posodobita sproti, med tipkanjem, rezultat pa je "Pretvorjeno med vsemi tremi enotami." To velja v obe smeri: vnesete lahko vrednost v px in dobite ustrezni rem ter em, ali pa vnesete rem oziroma em in orodje izračuna ustrezno vrednost v pikslih. Orodje dopušča tudi negativne vrednosti v pikslih. Če v polje Vrednosti vnesete nekaj, kar ni veljavno število, se izpiše sporočilo "Vnesite število za pretvorbo."
Zasebnost obdelave
Vsaka pretvorba poteka v vašem brskalniku. Nič od tega, kar vnesete, se ne prenaša na BroBroGo.
Pogosta vprašanja
Kakšna je razlika med px, rem in em? Enota px je fiksna dolžina. Enota rem se meri glede na korensko (root) velikost pisave strani, tako da pri korenski velikosti 16px 1rem ustreza 16px. Enota em se meri glede na velikost pisave elementa, v katerem se nahaja. Določanje velikosti pisave in razmikov v rem omogoča, da se vse ustrezno prilagodi, ko bralec spremeni privzeto velikost pisave v brskalniku.
Zakaj obstaja ločena velikost em konteksta? Enota em je relativna glede na velikost pisave lastnega elementa, ki ni vedno korenski element. Nastavite em kontekst na velikost pisave tega elementa, da pravilno izračunate em, in jo ohranite enako korenski vrednosti, ko se ujemata.
Kaj pa, če moja korenska velikost pisave ni 16px? Spremenite polje za korensko (root) velikost pisave, da bo ustrezalo vašemu CSS-u, in vsaka vrednost rem se bo takoj posodobila. Spodnja hitra tabela je uporaben vodnik za običajno korensko velikost 16px, s katero se začne večina spletnih mest.