Maison  >  Article  >  interface Web  >  em px relation_experience échange

em px relation_experience échange

WBOY
WBOYoriginal
2016-05-16 12:09:161377parcourir

La situation est la suivante. Il existe deux unités couramment utilisées pour définir la taille de la police en CSS : em et px.

em est un nombre relatif. Par exemple, 1.1em signifie 1,1 largeur de caractère, et cette largeur de caractère est initialisée en fonction de la taille de la police. Dans le même temps, em hérite également des caractéristiques de l'objet parent, donc 1,2em à différentes positions ne sont pas nécessairement égaux, mais cet article n'a rien à voir avec cela et je n'entrerai pas dans les détails.
px correspond à la résolution du périphérique d'affichage actuel. Bien qu'il y ait toujours des différences de taille pour différents appareils, il est relativement plus adapté à la définition des polices.
Je n'ai pas spécifiquement défini la taille de police de la partie recherche dans ce modèle, il a donc utilisé le paramètre font-size 12px de l'objet parent. La foutue définition d'IE de la taille de police est en fait différente de celle de FF/Opera. Par défaut, 1em semble plus grand dans IE que dans les autres navigateurs, vous devez donc ajouter la définition suivante à la partie du corps :

<.>Copier le code Le code est le suivant :
font-size:62.5%
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif ;

La clé est la première phrase, ce qui fait que la taille de la police sous IE ressemble à : 1em=10px, ce qui est presque la même que FF/Opera.
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn