Em vs Px et de compatibilité du navigateur

Je suis un CSS débutant et je me demandais si il ya un avantage à l'aide de l'em au lieu de px quand il s'agit de la compatibilité du navigateur de mon CSS.

Je ne pense pas que c'est la bonne façon de le regarder.
aucune raison pour que votre commentaire?

OriginalL'auteur David Sevenoaks | 2011-07-28

  1. 9

    A strictement parler, l'utilisation de l'em sur px n'est pas vraiment une compatibilité inter-navigateur problème - tous les navigateurs prennent en charge l'utilisation d'entre eux à la fois pour la police des effectifs.

    Il utilisé pour être conseillé d'éviter d'utiliser px pour la taille de police que le navigateur avec la plus grande part de marché, IE6, ne permettent pas de texte de redimensionnement. Il voit px comme une valeur absolue, et non pas une valeur relative comme em, et donc ne serait pas à l'échelle du texte vers le haut ou vers le bas de la taille en px.

    En fonction de votre public, vous ne pouvez pas besoin de s'inquiéter à ce sujet. Il y a quelques info sur les avantages de l'em, et comment ils peuvent aider à la construction d'un fluide de mise en page ici: http://www.alistapart.com/articles/fluidgrids/

    OriginalL'auteur Les

  2. 6

    Oui. Certains navigateurs (-toux IE8 -toux)ne sont pas encore à l'échelle du texte correctement quand il est en pixels. Ils zoom amende, mais en changeant la taille du texte ne donne pas de résultats.

    Ems est plus ou moins garanti à l'échelle lors de la demande de l'utilisateur. Aussi, le sme peut être utilisé pour les boutons de navigation ou les cases qui accueillir le texte, qui doit évoluer avec le texte - il n'est pas seulement une taille de police. Essayez différentes variantes dans un tas de navigateurs zoom dans l'un et l'élargissement de texte et de voir quels sont les résultats que vous obtenez.

    OriginalL'auteur Iterate

  3. 4

    Je crois que certaines de ces lignes directrices que j'ai appris lors de la première Web début de travail ont été abandonnées et la recommendaion contre le dimensionnement des polices de px est l'un d'entre eux. La raison en est simple - tous les navigateurs actuels maintenant graphiquement zoom des pages entières très proprement et donc le texte de dimensionnement comme une fonction du navigateur est discutable.

    Le texte de l'élargissement problème existe uniquement avec IE6 (vous pouvez zoomer IE8). IE6 est maintenant de moins de 10% des actions à l'échelle mondiale. Ceux qui sont "en dur de vue" représentent environ 2% de la population américaine. Cela signifie que d'essayer de traiter avec IE6 avantages de 0,2% des utilisateurs dans les etats-unis. Si il y avait un browser avec 0,2% de part de, nous sommes tous d'ignorer.

    Le bénéfice de l'ignorance "évolutive" taille de police en faveur de px est très élevé parce qu'il est plus simple à appliquer et à comprendre. Il est moins susceptible d'être affectée par les mystères de la cascade, pour une chose. Il est particulièrement utile dans les situations où la hauteur doit être contrôlée avec précision, comme dans une barre de menu.

    J'ai récemment commencé à retirer des em et % de sites que je suis en train de construire en faveur de px, donc il pourrait y avoir des problèmes, je n'ai pas touché. Jusqu'à présent, je trouve le résultat encourageant.

    Je voudrais donc recommander px, non seulement pour les débutants mais en général.

    OriginalL'auteur Will Fastie

  4. 1

    EM peut être redimensionnée dans certains anciens navigateurs (IE 6), tandis que PX ne le font pas. Mais franchement, les gens qui ont des besoins d'accessibilité pour être en mesure de redimensionner la taille de police utilisent de plus les navigateurs modernes.

    Pour un CSS débutant bâton avec PX. EM peut être une douleur comme ils sont fluides et vous pouvez avoir quelques effets étranges et pas très bien pourquoi.

    Lire ceci pour plus d'informations sur PX - EM - % - http://css-tricks.com/2580-css-font-size/

    Espère que cette aide.

    OriginalL'auteur L84