Convertor PX în REM

Unitățile Rem mențin layout-urile accesibile - se scalează în funcție de preferința utilizatorului pentru dimensiunea fontului - dar nimeni nu vrea să împartă la 16 în capul lor toată ziua. Acest convertor face aritmetica live: alegeți direcția (px → rem, rem → px sau px → em), introduceți valoarea, iar rezultatul apare instantaneu împreună cu o linie CSS gata de copiere, cum ar fi font-size: 0.875rem.

Câmpul pentru dimensiunea fontului de bază face ca instrumentul să se potrivească oricărui proiect. Setarea implicită a browserului este 16px, deci 1rem este egal cu 16px din cutie, dar multe baze de cod setează html { font-size: 62.5% } pentru a face 1rem egal cu 10px — introduceți 10 ca bază și urmează fiecare rând de conversie și tabel. Direcția px → em folosește aceeași matematică față de dimensiunea fontului elementului părinte în loc de rădăcină, care este exact diferența dintre em și rem în CSS.

Sub rezultat, un tabel de referință arată cele mai comune dimensiuni de design - 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 și 64 de pixeli - deja convertite la baza curentă, cu rândul care se potrivește cu baza evidențiată. Este foaia de cheat pe care altfel ai păstra-o lipită pe monitor, întotdeauna sincronizată cu baza pe care o folosești de fapt.

Totul se întâmplă local în browser-ul dvs. pe măsură ce introduceți text: fără încărcare, fără înregistrare, fără dus-întors pe server. Paginile prestabilite pentru rem → px, px → em, baza de 10px și valorile populare precum 14, 24 și 32 px deschid convertorul gata configurat pentru acele întrebări exacte.