Des couleurs à accorder, un dégradé ou une grille CSS à écrire, une maquette de post à montrer : ces outils rendent un résultat prêt à copier ou à télécharger, sans compte et sans logiciel.
Conversions CSS, base configurable
Le rem se rapporte à la taille de police de la racine du document, 16 pixels par défaut dans tous les navigateurs. Écrire ses tailles en rem plutôt qu'en pixels, c'est laisser toute la page suivre le réglage de la personne qui la lit, y compris quand elle a agrandi la police par défaut de son navigateur. Cet outil convertit dans les deux sens avec une base réglable, et affiche les deux valeurs côte à côte. Pour convertir aussi les em, points, unités de fenêtre ou pourcentages, le convertisseur d'unités CSS du site couvre l'ensemble.
px
16rem
1La base est la taille de police de l'élément html, 16px par défaut dans tous les navigateurs. Pour convertir aussi em, pt, vw, vh ou %, utilisez le convertisseur d'unités CSS.
Parce qu'une taille en pixels ignore le réglage de police du navigateur : un visiteur qui a agrandi la sienne pour lire confortablement se retrouve avec le même texte minuscule. En rem, toute la page suit. C'est le point d'accessibilité le plus simple à corriger sur un site existant.
Le rem se rapporte toujours à la racine, l'em à la taille de l'élément parent. L'em se cumule donc dans les imbrications, ce qui produit des tailles qui dérivent à mesure qu'on descend dans l'arborescence. Le rem pour les tailles de texte, l'em pour les espacements internes proportionnels au texte.
Non. L'astuce répandue qui consiste à la passer à 10 pixels pour simplifier les calculs casse l'accessibilité : elle réduit la taille de référence choisie par l'utilisateur. Gardez 16 et laissez l'outil faire la division.
Un résultat qui vous paraît faux, une valeur périmée, un cas qui manque ? Signalez-le à contact@topapps.fr