L'astuce du pourcentage dans body pour utiliser em facilement

Je poste dans le forum debutant parce que je sais que c'est une astuce souvent utilisée, mais je n'arrive plus à la retrouver.

Quelqu'un se souviens de cette astuce ? Je me souviens juste qu'il fallais réduire la police dans body avec

body {font-size: ...% }

pour utiliser les em ?

Bonjour,

Une astuce à utiliser avec beaucoup de précautions, et des valeurs de font-size pour le body supérieures à 80%.

Sur le fond, je la trouve de plus en plus discutable après coup. La taille de police... est une affaire de lâcher prise sur le design.

Voir http://blog-and-blues.org/weblog/2004/05/24/214-font-size-em pour les explications détaillées et la discussion sur le sujet.
Modifié par Laurent Denis (29 Sep 2005 - 18:04)

Le problème avec cette méthode est que IE répond ensuite de manière horrible au redimensionnement. Pour résoudre ce problème, lire en complément de la traduction de Laurent Denis : le commentaire de patrick h. lauke qui consiste à d'abbord fixer l'élément HTML à 100%.

html { font-size: 100%; /* IE hack */ }
body { font-size: 0.75em; }

Moi j'utilise une valeure de 76% pour le body, comme indiqué sur Sane CSS Sizes, il a même fait 264 copies d'écran.

Toutefois se pose un problème : si on modifie la taille de la police par défaut. Sur les navigateurs, on retrouve en général 16 pixels. Maintenants si on veut changer cela en 12 pixels par exemple, on se retrouve avec une police toute petite

Donc ça fonctionne à condition que l'utilisateur n'a pas changé la taille par défaut

FlorentG a écrit :

Donc ça fonctionne à condition que l'utilisateur n'a pas changé la taille par défaut

C'est donc une très mauvaise idée.

Laurent Denis a écrit :


C'est donc une très mauvaise idée.

C'est une mauvaise idée, mais une mauvaise idée à prendre en compte malheureusement