Quels sont les avantages et les inconvénients de chacun ? em , px , % et pt ?
Mon choix actuel se porte sur les pourcentages, pour la seule raison que je peux modifier globalement la taille de la police de tous les éléments, en modifiant simplement la taille de la police de l'élément racine (body).
Je recommanderais EM - simplement parce que j'utilise Baseline CSS pour ma configuration de base des formulaires, de la mise en page et, surtout, des caractères.
Je ne saurais trop le recommander : http://baselinecss.com/
La formation que j'ai reçue à l'origine en matière de conception prévoyait l'utilisation d'em dans la mesure du possible.
Je pense que l'une des principales raisons est que les différents navigateurs et appareils ont des résolutions différentes, ce qui devient une fois de plus un problème important.
Je pense qu'il est souvent préférable d'utiliser des em et des %, car ils constituent une couche d'abstraction, en particulier par rapport aux pixels. Les deux sont similaires à certains égards, comme "100%" = "1em". Un autre problème de l'unité pixel est qu'elle n'est pas mise à l'échelle pour les lecteurs malvoyants.
Aujourd'hui, pour les considérations mobiles, pad, etc., il est souvent préférable d'avoir des feuilles de style / règles spécifiques pour chacun d'entre eux.
En outre, pour ce qui est de l'impression, l'em fonctionne bien.
J'ai vu l'unité em appelée norme pour les tailles de police sur le web, mais l'unité pourcentage donne souvent un affichage plus cohérent et plus accessible. Lorsque les paramètres de l'utilisateur sont modifiés, le texte en pourcentage s'adapte bien, préservant ainsi la lisibilité, l'accessibilité et la conception visuelle.
Voici un lien vers l'un de mes articles préférés sur le dimensionnement correct du texte avec css d'AListApart :
http://www.alistapart.com/articles/howtosizetextincss
Sémantiquement, em est préférable, mais je l'ai toujours trouvé problématique car il a un impact sur chaque élément enfant inclusivement. Si votre design imbrique 4 ou 5 divs et que chacun d'entre eux est à 0,75 em, lorsque vous arrivez à la dernière div enfant, votre texte est presque illisible.
Ma préférence va au pt car il fonctionne avec différents systèmes d'exploitation (permettant au système lui-même de décider de ce qu'est un pt) plutôt que d'utiliser le px qui peut vraiment nuire à la lisibilité d'un site en fonction de la résolution. Em est considéré comme la "norme" en matière de css, mais il présente autant de problèmes que les autres, mais il a l'avantage de s'appliquer en cascade de manière globale.
J'utilise toujours ems. L'utilisation de % est un peu la même, mais ils ont une autre signification lorsqu'ils sont utilisés dans une déclaration d'espacement ou de marge (padding:1em 0 ; n'est pas la même chose que padding:100% 0 ;). Il suffit donc d'utiliser ems si l'on veut parler de la taille de la police actuelle, afin d'éviter toute confusion.
L'avantage supplémentaire de l'utilisation de l'ems est que vous pouvez, par exemple, utiliser une requête de média et body{font-size: 120%} pour donner aux utilisateurs mobiles une taille de police légèrement plus grande.
Bonne question !
Moi, j'utilise pixel parce que j'aime quand tout est fixe.
Mais lisez cet article :
http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/
pourrait vous aider à faire un choix. Je pense que tout cela est très personnel. Ou cela dépend de ce que vous faites, je suppose.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
