Explication détaillée de la différence entre les unités px et em en CSS

Utilisez px pour définir les polices, et la fonction d'amplification des polices du navigateur ne peut pas être utilisée, alors que la plupart des sites Web étrangers peuvent être utilisés dans les navigateurs IE.

Cause :

　1. IE ne peut pas ajuster la taille de la police en unités px.

2. La plupart des pays étrangers les utilisent comme unité de police.

px, em sont des unités de longueur relative,

px est relatif à la résolution d'affichage.

em est la taille de police relative au texte dans l'objet actuel. Si la taille de police du texte dans l'objet actuel n'a pas été définie, elle est relative à la taille de police par défaut du navigateur.

La police par défaut de tout navigateur est 16px, et tous les navigateurs non configurés sont conformes à : 1em=16px. Puis 12px=0,75em, 10px=0,625em. Afin de simplifier la conversion de la taille de la police, vous devez déclarer font-size=62,5% dans le sélecteur de corps en CSS, ce qui fait que l'index em devient 16px*62,5%=10px, donc 12px=1.2em, 10px=1em , C'est-à-dire également diviser la valeur px d'origine par 10, puis la remplacer par l'unité em.

em a les caractéristiques suivantes :

1. La valeur de em n'est pas fixe.

　2.em héritera de la taille de police de l'élément parent.

Il faut donc le souligner :

1. Déclarez font-size=62,5% dans le sélecteur de corps

2. Divisez l'original valeur px par 10. Ensuite, remplacez em comme unité

3. Recalculez la valeur em de ces polices agrandies pour éviter une déclaration répétée de la taille de la police.

Remarque :

Les caractères chinois 12px (1,2em) obtenus par la méthode ci-dessus ne sont pas égaux à la taille de police directement définie par 12px dans IE, mais légèrement plus grands .

Vous devez changer 62,5% à 63% dans le sélecteur de corps pour l'afficher normalement.

La raison peut être que lorsque IE traite les caractères chinois, la précision des valeurs à virgule flottante est limitée.

Ce qui précède est ce que l'éditeur vous présente pour bien comprendre la différence entre les unités px et em en CSS. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et le. l'éditeur répondra à temps. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!