Convertisseur PX en REM

Comment ça marche

En CSS, un rem est un multiple de la taille de police racine. Avec la valeur par défaut du navigateur de 16 px, 24 px valent 1,5 rem et 16 px valent exactement 1 rem. Ce convertisseur divise votre valeur en pixels par la base que vous définissez. La raison de préférer le rem est l'accessibilité. Un utilisateur qui augmente la taille de police par défaut de son navigateur s'attend à ce que toute l'interface suive — c'est automatique avec les rem, tandis qu'une mise en page codée en dur en pixels reste obstinément petite et peut devenir inutilisable. La différence avec em est le point de référence : em est relatif à la taille de police de l'élément *parent*, si bien que les imbrications se cumulent (un em dans un em dans un em rétrécit de façon imprévisible), alors que rem se réfère toujours à la racine et reste prévisible. Usage courant : rem pour les espacements et la typographie, em pour les propriétés qui doivent suivre la taille de leur propre élément, comme le padding d'un bouton.