M é m o - l a b .

px em rem

px, em ou rem ?

px (pixels) : définit une taille fixe.
em : définit une taille relative à son conteneur parent.
rem (root em) : définit une taille relative à la balise html.

La compréhension par le code :





<!DOCTYPE html>
<html lang="fr" style="font-size: 10px">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
    <body>
        <div id="block" style="font-size: 20px">
            <p style="font-size: 2em">Affichage en 40px (2*20px)</p>
            <p style="font-size: 2rem">Affichage en 20px (2*10px)</p>
	</div>
    </body>
</html>