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

Equivalences unités de longueur CSS

Equivalences d'unité convertis en Px, Pt, % ou (R)Em
PxPt(1)%(R)Em
6px4.5pt37.5%0.375em
7px5.25pt43.75%0.438em
8px6pt50%0.5em
9px6.75pt56.25%0.563em
10px7.5pt62.5%0.625em
11px8.25pt68.75%0.688em
12px9pt75%0.75em
13px9.75pt81.25%0.813em
14px10.5pt87.5%0.875em
15px11.25pt93.75%0.938em
16px12pt100%1em
17px12.75pt106.25%1.063em
18px13.5pt112.5%1.125em
19px14.25pt118.75%1.188em
20px15pt125%1.25em
21px15.75pt131.25%1.313em
22px16.5pt137.5%1.375em
23px17.25pt143.75%1.438em
24px18pt150%1.5em

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 pt  : 9pt
12 px en %  : 75%

12 px en em : 0.75rem

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-