Preskoči na sadržaj
TextArray
100% lokalno

CSS pretvarač jedinica

Pretvorite CSS duljine između px, rem, em, pt i % u odnosu na bilo koju veličinu korijenskog fonta.

Unos
Rezultat

CSS pretvarač jedinica

Zalijepite CSS vrijednosti jednu po retku — 16px, 1.5rem, 12pt, 150% — i ovaj pretvarač ih odmah prevodi. Čita se goli broj u jedinici postavljenoj odabirom From, dok jedinica zapisana u retku uvijek pobjeđuje, tako da možete miješati piksele i remsove na jednom popisu. Odaberite cilj pod Do ili odaberite Sve jedinice kako biste na prvi pogled vidjeli cijeli lanac: 16px = 1rem = 12pt = 100%. Linije koje nisu obične vrijednosti prolaze nepromijenjene, tako da zalutali komentar nikada ne prekida niz.

Matematika ovisi o jednom broju: osnovnoj veličini, korijenskoj veličini fonta u pikselima. Preglednici zadano postavljaju 16px, zbog čega je 1rem obično jednak 16px, a 100% jednako je osnovici. Postavite bazu na 10 za klasični trik od 62,5% gdje je 1,5rem 15px ili uskladite sustav dizajna s drugim korijenom. Točke je fiksirao sam CSS — 1 px je 1/96 inča, a 1 pt je 1/72, tako da je 16 px točno 12 pt bez obzira na bazu. Opcija decimala ograničava preciznost na do šest mjesta, s odrezanim nulama na kraju.

Rem je jedinica prilagođena pristupačnosti: skalira se prema postavkama veličine fonta čitatelja preglednika, tako da tekst postavljen u rem raste kada netko poveća svoju zadanu veličinu, dok px ostaje fiksan. Em ovdje koristi istu matematiku, ali u stvarnoj tablici stilova ona je relativna s vlastitom veličinom fonta elementa, tako da se ugniježđene em vrijednosti spajaju tamo gdje rem ne koristi — ovaj pretvarač pretpostavlja ravno, korijensko relativno velika i velika slova.

Sve se izvodi lokalno u vašem pregledniku — ništa se ne učitava i nema se što čekati. Kopirajte konvertirani popis ili ga preuzmite kao .txt datoteku.

FAQ

Zašto koristiti rem umjesto px?
Rem vrijednosti skaliraju se s veličinom fonta koju čitač postavi u svom pregledniku, tako da ljudi koji trebaju veći tekst zapravo i dobiju. Px vrijednosti zanemaruju tu postavku. Pretvaranje dizajna temeljenog na px-u u rem jedno je od najjeftinijih dobitaka u pogledu pristupačnosti.
Koja je osnovna veličina i zašto je zadana veličina 16?
To je korijenska veličina fonta u pikselima — na što se odnose 1rem, 1em i 100%. Svaki glavni preglednik isporučuje se sa zadanom postavkom od 16 piksela, tako da je 16 prava baza osim ako vaša lista stilova ne promijeni korijen, na primjer html {veličina fonta: 62,5% } što čini bazu 10.
Koja je razlika između em i rem?
Rem je uvijek u odnosu na veličinu korijenskog fonta; em je relativan u odnosu na trenutni element, pa se ugniježđene em vrijednosti množe. Ovaj pretvarač tretira oboje u odnosu na jednu osnovnu veličinu — ravno kućište. U duboko ugniježđenom označavanju, stvarne em vrijednosti mogu se razlikovati.
Što se događa s linijama koje nisu vrijednosti?
Prolaze do izlaza nepromijenjeni i zbroj ih računa kao preskočene. Pretvaraju se samo obične vrijednosti poput 16px, 1,5rem ili goli broj — pune CSS deklaracije su izvan opsega.
Je li moj tekst negdje uploadan?
Ne. Alat u potpunosti radi u vašem pregledniku i vaš unos nikada ne napušta vaš uređaj.