Lors du réglage de la taille des polices de caractères dans le CSS, je devrais être à l'aide d'un pour cent de la valeur ou de l'em? Pouvez-vous expliquer l'avantage?
Réponses
Trop de publicités?
Il y a un très bon article sur la typographie web sur Une Liste à Part.
Leur conclusion:
Le dimensionnement du texte et de la hauteur de la ligne en ems, avec un pourcentage spécifié sur l' corps (et une option de mise en garde pour Safari 2), a été montré pour fournir précis, redimensionnable texte dans tous les les navigateurs couramment utilisés de nos jours. C'est une technique que vous pouvez mettre dans votre trousse sac et l'utiliser comme une meilleure pratique pour le dimensionnement du texte en CSS qui satisfasse à la fois les concepteurs et les lecteurs.
Galwegian
Points
29966
À partir de http://archivist.incutio.com/viewlist/css-discuss/1408
%: Certains navigateurs ne gèrent pas pour cent pour la taille de police, mais il l'interprète 150% 150 px. (Certains NN4 versions, par exemple.) IE a également des problèmes avec pour cent sur les éléments imbriqués. Il semble IE utilise pour cent par rapport à fenêtre d'affichage au lieu de par rapport à élément parent. Encore un autre problème (bien que correcte selon le W3C les specs), Moz/Ns6, vous ne pouvez pas utiliser pour cent par rapport à des éléments sans spécifié hauteur/largeur.
em: Parfois, les navigateurs utilisent le mauvais taille de référence, mais de la relative les unités c'est celui avec le moins problèmes. Vous trouverez peut-être interprété comme px parfois, cependant.
pt: Varie grandement entre les les résolutions, et ne doit pas être utilisé pour l'affichage. C'est tout à fait sûr pour l'utilisation d'impression.
px: Le seul fiable absolue de l'unité sur de l'écran. Il peut être à tort interprétée à imprimer si, comme l'un point généralement constituées de plusieurs pixels, et ainsi, tout devient ridiculement petit.
Liam
Points
5214
DA.
Points
15714
Étant donné que (presque?) tous les navigateurs maintenant redimensionner la page dans son ensemble, plutôt que de simplement le texte, les précédentes avec le px vs. % vs ems en termes accessibles de police de redimensionnement sont plutôt discutable.
Donc, la réponse est sans doute qu'il n'a pas d'importance. Utilisez ce qui fonctionne pour vous.
% est agréable parce qu'il permet par rapport redimensionnement.
PX est agréable parce qu'il est assez facile de gérer les attentes lors de son utilisation.
EM peut être utile lors de la également utilisé pour les éléments de mise en page, car il peut permettre de proportionnelle dimensionnement lié à la taille du texte.
Jeremiah Peschka
Points
4756
Généralement, j'ai mis une base de taille de police sur le corps en pixels, et ensuite utiliser em à partir de là. Il y a certainement un facteur de lisibilité à l'em ainsi que l'attente, je pense que, parmi les nombreux concepteurs/développeurs de travailler avec des ems. J'ai trouvé que les deux l'impression et le web les gens à comprendre em comme une relative unité de mesure, mais à l'aide de % prend conscience mentale de conversion.
