Convertir une valeur Css Px en Rem, Em ou en % ou Pt

Equivalences unités de longueur CSS

Equivalences d'unité convertis en Px, (R)Em, % ou Pt
Px(R)Em%Pt(1)
6px0.375em37.5%4.5pt
7px0.438em43.75%5.25pt
8px0.5em50%6pt
9px0.563em56.25%6.75pt
10px0.625em62.5%7.5pt
11px0.688em68.75%8.25pt
12px0.75em75%9pt
13px0.813em81.25%9.75pt
14px0.875em87.5%10.5pt
15px0.938em93.75%11.25pt
16px1em100%12pt
17px1.063em106.25%12.75pt
18px1.125em112.5%13.5pt
19px1.188em118.75%14.25pt
20px1.25em125%15pt
21px1.313em131.25%15.75pt
22px1.375em137.5%16.5pt
23px1.438em143.75%17.25pt
24px1.5em150%18pt

Convertir une unité Css PX

Votre taille de base.

Valeur à convertir.

Conversion d'unités Css converties:

Taille de base : 16px

Valeur saisie en px : 12px
12 px en em : 0.75rem
12 px en %  : 75%

12 px en pt  : 9pt

Trouver le dpi en Javascript

Code Html :
Votre DPI est de
<div id="dpi"></div>

Votre DPI est de
Code Css :
#dpi {
 height: 1in;
 left: -100%;
 position: absolute;
 top: -100%;
 width: 1in;
}
Code Javascript :
function getDPI() {
 return document.  getElementById("dpi").  offsetHeight;
}

Comment convertir des Px, Em, Rem, % et Pt?

Voici comment calculer les diverses conversions pour la propriété Css . Pour les autres propriétés CSS, .
En règle générale, la valeur du de la balise HTML body est par défaut MEDIUM soit 16px nous utiliseront donc cette valeur pour taille de base dans nos exemples de calcul.

Convertir en /

Règle de calcul de la conversion : taille en pixels / taille de base en pixels
Exemple: 12px / 16px = 0.75em

Convertir en

Règle de calcul de la conversion : taille en pixels / taille de base en pixels * 100
Exemple: 12px / 16px * 100 = 75%

Convertir en

Règle de calcul de la conversion : taille en pixels * (points par pouces / pixels par pouces) (2)
Exemple: 16px * (72pt / 96px) = 12pt

Convertir en /

Règle de calcul de la conversion : taille en pixels / taille de base en pixels
Exemple: 12px / 16px = .75em

Convertir en

Règle de calcul de la conversion : taille en Em * taille de base en pixels
Exemple: .75em * 16px = 12px

Equivalences d'une unité en Px,(R)Em, % ou Pt sur la base de medium
Px (R)Em % Pt(1)
6px0.375em37.5%4.5pt
7px0.438em43.75%5.25pt
8px0.5em50%6pt
9px0.563em56.25%6.75pt
10px0.625em62.5%7.5pt
11px0.688em68.75%8.25pt
12px0.75em75%9pt
13px0.813em81.25%9.75pt
14px0.875em87.5%10.5pt
15px0.938em93.75%11.25pt
16px1em100%12pt
17px1.063em106.25%12.75pt
18px1.125em112.5%13.5pt
19px1.188em118.75%14.25pt
20px1.25em125%15pt
21px1.313em131.25%15.75pt
22px1.375em137.5%16.5pt
23px1.438em143.75%17.25pt
24px1.5em150%18pt

Conversion small, medium et large en PX

Ce tableau de conversion est basé sur un font-size = medium.

(1)Les points sont calculés en fonction d'un point par pouce de 72 et un pixel par pouce de 96.

(2)Les points sont calculés en fonction d'un point par pouce de 72 et un pixel par pouce de 96.

Equivalences des valeurs nommées en PX
absolueTaille attendue en PxTaille de votre navigateur en Px
xx-small9px-
x-small10px-
small13px-
medium16px-
large18px-
x-large24px-
xx-large32px-