Le texte doit également être flexible, de façon à s'afficher harmonieusement avec la personnalisation éventuel du navigateur. Cela signifie que l'unité des fontes ne doivent plus être en point ou pixel, mais :
% ou em
Une possibilité est de déclarer le texte principal à 100% et ensuite de déterminer la taille de chaque élément en relation à cette base. Par exemple :
h1 {font-size:140%;}
h2 {font-size:130%;}
h3 {font-size:120%;}
h4 {font-size:110%;}
body{font-size:100%};
.small{font-size:80%;}
Une pratique conseillée est de déclarer la taille des fontes en :
em
Il existe une formule pour convertir une taille fixe en taille flexible :
cible / contexte = résultat.
Pour cela vous devez donc connaître, la taille initiale de l'élément (la cible), la taille de la font dans le contexte (la taille hérité), pour connaître le résultat en em ou %.
Exemple : 24 / 16 = 1.5
Explication : Le h1 doit avoir l'apparence équivalente à 24 pixel, le texte principal est à 16 pixel. Cela donne comme résultat : 1.5 parce que 24 pixel est 1,5 fois plus grand que 16 px. Et donc la nouvelle valeur du h1 dans un web responsible est de 1.5 em.
Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.
Vous devriez rafraîchir la page.