0

PX u REM pretvarač

Pretvorite px u rem, rem u px i px u em u bilo kojoj osnovnoj veličini fonta, uz CSS redak spreman za kopiranje i referentnu tablicu uživo.

Obrada... 0%

Rezultat

Jedinice Rem održavaju izglede dostupnima — skaliraju prema korisnikovoj želji veličine fonta — ali nitko ne želi dijeliti sa 16 u svojoj glavi cijeli dan. Ovaj pretvarač izvodi aritmetiku uživo: odaberite smjer (px → rem, rem → px ili px → em), upišite vrijednost i rezultat se odmah pojavljuje zajedno s CSS linijom spremnom za kopiranje, kao što je veličina fonta: 0,875 rem.

Polje s osnovnom veličinom fonta čini da alat odgovara svakom projektu. Zadana vrijednost preglednika je 16px, tako da 1rem iznosi 16px izvan okvira, ali mnoge baze koda postavljaju html { font-size: 62.5% } kako bi 1rem bio jednak 10px — unesite 10 kao bazu i svaka konverzija i red tablice slijede. Smjer px → em koristi istu matematiku u odnosu na veličinu fonta nadređenog elementa umjesto korijena, što je točno razlika između em i rem u CSS-u.

Ispod rezultata, referentna tablica prikazuje najčešće veličine dizajna — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 i 64 piksela — već pretvorene u vašu trenutnu bazu, s istaknutim redom koji odgovara bazi. To je varalica koju biste inače držali zalijepljenu na monitoru, uvijek usklađenu s bazom koju zapravo koristite.

Sve se događa lokalno u vašem pregledniku dok tipkate: nema prijenosa, nema prijave, nema povratnog putovanja poslužitelja. Unaprijed postavljene stranice za rem → px, px → em, bazu od 10 px i popularne vrijednosti poput 14, 24 i 32 px otvaraju konverter spreman za ta pitanja.