Est-ce que 1,0em est identique à 100% pour les tailles de police?

Question

J'essaie de déboguer pourquoi avoir font-size: 1.0em dans jquery-ui fait que mes tailles de police pour ma page deviennent énormes (plus de 16px) sans que je fasse un redimensionnement réel des polices. Eh bien, dans Firebug, j'ai vu une chose étrange pour un accordéon.

À la base, il avait font-size: 1.0em mais plus tard cela a été remplacé par font-size: 100%. Cela pourrait-il causer une sorte de problème avec la taille des polices? J'ai toujours eu l'impression que 100% était le même que 1.0em

Answer 1

Oui. Signifie la même chose (pour la taille de police) - "La même taille de police que l'élément parent" (ce qui n'est pas la même chose que la taille de police que l'utilisateur a sélectionnée sauf si vous parlez de la Élément HTML).

Il existe des bogues dans Internet Explorer lorsque em est utilisé et que la taille de la police sélectionnée dans le menu Affichage n'est pas medium.

Answer 2

em est défini par utilisateur et par navigateur. Donc, em est défini pour l'accessibilité dans les différents paramètres d'un navigateur ou d'une préférence de l'utilisateur.

Cela signifie que 1em peut être 16px ou 10px en fonction du paramètre de préférence de l'utilisateur dans le navigateur.

Si vous voulez avoir plus de contrôle sur vos tailles de police, utilisez px au lieu de em.

Answer 3

Oui, em et pourcentage sont interchangeables en termes de taille de police.

Je ne peux pas vraiment dire ce qui ne va pas dans votre cas sans code, mais il peut avoir quelque chose à voir avec la taille des polices imbriquées:

<div style="font-size: 150%;"> 
    This text is at 150% of the base. 

    <div style="font-size: 100%"> 
     This text is the same size as the text above. 
    </div> 
</div>