⭐ 0
🔍
Text Imagine PDF și Documente Audio Muzică Electronică Timp Utilitare Validatoare Ezoterism Jocuri

Convertor PX în EM

Convertiți px în rem, rem în px și px în em la orice dimensiune de bază a fontului, cu o linie CSS gata de copiere și un tabel de referință live.

Procesare... 0%

Rezultat

Această pagină deschide convertorul în direcția px → em. Aritmetica este aceeași diviziune ca și pentru rem — pixeli împărțiți la dimensiunea fontului de referință — dar referința este diferită: em este relativ la dimensiunea fontului elementului părinte (sau, pentru dimensiunea fontului în sine, dimensiunea moștenită a elementului), nu la rădăcină.

Această diferență este exact atunci când ajungeți la em: umplutură care ar trebui să crească odată cu propriul text al componentei, interogări media scrise în em sau un buton a cărui spațiere se scalează când dimensiunea fontului se modifică. Introduceți dimensiunea reală a fontului părintelui în câmpul de bază - dacă componenta dvs. se află în text de 14 px, 21 px de umplutură este 1,5 em, nu 1,3125 em.

Rezultatul vine cu o linie CSS gata de copiere, iar tabelul de referință arată dimensiunile comune de pixeli convertite față de dimensiunea părinte actuală. Totul se actualizează în browser pe măsură ce tastați, fără date care părăsesc pagina.

🛡️
Rulat în browser

Fișierele și datele introduse nu părăsesc niciodată acest dispozitiv. Procesarea rulează complet offline. 100% sigur.

Formate și reguli acceptate

  • Trei direcții într-un singur selector: px → rem, rem → px și px → em.
  • Dimensiunea fontului de bază reglabilă (16px în mod implicit) aplicată rezultatului și fiecărui rând de tabel.
  • Tabel de referință pentru dimensiuni comune de la 1 la 64 px, recalculat pentru baza curentă cu rândul de bază evidențiat.

Beneficii cheie

✓ Valoarea convertită, linia CSS și tabelul de referință se actualizează în direct pe măsură ce tastați - fără buton de apăsat.
✓ Dimensiunea fontului de bază este ajustabilă, astfel încât proiectele de bază de 10 px și scalele tipografice personalizate funcționează la fel de bine ca implicit 16 px.
✓ Se rulează în întregime în browserul dvs.: nu este încărcat nimic, iar linia CSS gata de copiere este la un clic distanță.

Cazuri de utilizare

  • • Transformați o valoare a pixelului dintr-o machetă de design în rem de care foaia de stil are nevoie.
  • • Convertiți valorile rem din CSS-ul altcuiva înapoi în pixeli pentru a se potrivi cu o specificație.
  • • Reluați o scară tipografică întreagă după trecerea la dimensiunea fontului rădăcină de 10 px (62,5%).