Convertor PX în REM cu bază de 10px
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.
Rezultat
Această pagină deschide convertorul cu dimensiunea fontului de bază presetată la 10px. Aceasta este configurația clasică html { font-size: 62,5% }: 62,5% din browser-ul de 16 pixeli este exact 10px, astfel încât valorile rem devin trivial lizibile - 14px este 1.4rem, 18px este 1.8rem, 24px este 2.4rem.
Echipele adoptă baza de 10px tocmai pentru a evita șaisprezecele incomode: în loc să vă amintiți că 14px este 0,875rem, mutați doar punctul zecimal. Deoarece trucul folosește un procent mai degrabă decât o valoare fixă a pixelilor, respectă în continuare dimensiunea fontului pe care un utilizator o setează în preferințele browserului, care este, în primul rând, întregul argument de accesibilitate pentru unitățile rem.
Tastați orice valoare de pixel pentru a obține echivalentul său rem la baza de 10 px împreună cu o linie CSS pregătită pentru copiere și verificați tabelul de referință de mai jos pentru întreaga scară de 1-64 px deja convertită. Dacă proiectul dvs. folosește o dimensiune diferită a rădăcinii, modificați câmpul de bază și totul urmează live.