Convertor px în rem: px, rem, pt, em, mm

Ultima actualizare:

px

rem se măsoară față de această dimensiune, iar aici și em, și %. În CSS, em și % urmează elementul părinte, deci coincid cu rem doar acolo unde niciun părinte nu schimbă dimensiunea fontului.

Formulă
1 px = 0,0625 rem

Toate rezultatele

px 1
rem 0,0625
em 0,0625
% 6,25
pt 0,75
pc 0,0625
in 0,0104167
cm 0,0264583
mm 0,264583

Tabel de referință rapidă: Pixel → Em rădăcină

Valoare (px)Rezultat (rem)
10,0625 rem
80,5 rem
100,625 rem
120,75 rem
140,875 rem
161 rem
181,125 rem
201,25 rem
241,5 rem
322 rem
483 rem
644 rem

Despre px, rem și pt

CSS fixează 1 inch la 96 px, deci 1 pt, adică 1/72 de inch, înseamnă 1,333 px, iar 1 mm înseamnă 3,78 px. rem și em sunt relative: 1 rem este dimensiunea fontului elementului rădăcină, 16 px în toate browserele importante, dacă vizitatorul nu o schimbă, deci 24 px înseamnă 1,5 rem. Dacă o foaie de stil dă rădăcinii altă dimensiune, introdu-o ca bază deasupra câmpurilor. em urmează dimensiunea fontului elementului părinte, deci este egal cu rem doar acolo unde niciun părinte nu o schimbă.

Dimensiuni uzuale ale textului și ale elementelor

La baza implicită de 16 px. CSS fixează 1 inch la 96 px, deci coloanele pt și mm rămân valabile la orice bază; doar coloana rem se schimbă odată cu ea.

Dimensiuneremptmm
Text de 10 pt (note de subsol)0,8333103,528
Dimensiunea implicită a textului într-un browser1124,233
Text de 12 pt într-un procesor de text1124,233
Titlu h2 implicit1,5186,35
Cea mai mică dimensiune a țintei în WCAG 2.2 (2.5.8)1,5186,35
Titlu h1 implicit2248,467
1 centimetru2,36228,3510
1 inch67225,4

Istoria punctului și a pixelului

Literele se măsurau în puncte cu mult înainte de ecrane: turnătorii de litere aveau nevoie de o singură unitate pentru a turna litere care se aliniază. Calculatoarele au fixat punctul la 1/72 de inch.

  1. Pierre-Simon Fournier a publicat un tabel de mărimi de litere măsurate în puncte tipografice: scara sa împărțea inchul în 12 linii și fiecare linie în 6 puncte.
  2. Asociația turnătorilor de litere din Statele Unite a adoptat un sistem de puncte pentru corpurile de literă, în care nonpareil are 6 puncte și pica 12.
  3. Adobe a lansat PostScript, a cărui unitate de lungime pe pagină este 1/72 de inch: în cuvintele Adobe, aproximativ la fel cu punctul folosit în tipar.
  4. CSS 2.1 a devenit Recomandare W3C. Fixează 1 inch la 96 px și 72 pt, deci 1 px este 0,75 pt, și definește pixelul pe baza unui punct al unui ecran de 96 dpi văzut de la distanța brațului.

Surse: