Discussion :

[steph68b]

salut à tous!

je suis entrain de passer un site web classique (width: 900px) en responsive web (%, em), pour qu'il soit utilisable sur tout support (pc, tablette, smartphone) sans les horribles scrolling horizontaux! ok.

si je suis bien arrivé à reprendre toutes mes classes CSS en mettant des tailles proportionnelle (font-size: 1.5em; width: 80%) et à retrouver le même design, une question me turlupine.......... à propos des tailles de font, justement, et des medias queries.

comme je ne savais rien du responsive web, j'ai commencé par télécharger un bon tuto ici!

MAIS, si j'ai bien tout lu Freud (Coluche) , heu si j'ai bien tout compris au principe des dimensionnements proportionnels à la résolution de l'écran d'affichage du site, en ce qui me concerne, si je réduis mon browser pour simuler un écran plus petit (tablette, smartphone), la taille des polices, elle, ne change pas!
-> mes div s'adaptent bien à la taille de l'écran: ok
-> mais mes textes eux, ne réduisent pas de taille: ko

DONC:
-> quel intérêt de passer tous mes font-size de px à em si elles ne s'adaptent pas dynamiquement aux petits écrans, comme les div?
-> c'est donc à moi de modifier manuellement mes font-size, via des media queries, selon la résolution?

OU quelque chose m'échappe, dans la théorie?

merci.
@+

[ABCIWEB]

1 em correspond à une taille assez grande bien lisible quelque soit le support. La police ne se réduit qu'en partie par rapport à la taille du support sinon ce serait vite illisible.

[steph68b]

Alors pourquoi préconise-t-on de convertir les px en em pour les font-size??

Je n'aurais pas eu besoin de faire des calculs d’apothicaire, avec décimales, pour passer en em, alors!
J'aurais très bien pu garder mes px , du coup.

Mon tuto source: Les fondamentaux du Responsive Web Design / Julien Roche

[Muchos]

Alors pourquoi préconise-t-on de convertir les px en em pour les font-size??

Pour que le design et le texte puissent s'adapter au support et aux exigences de l'utilisatrice.

[steph68b]

Je ne mets pas en doute ce que tu dis, mais je ne vois pas de différence moi

[ABCIWEB]

Normalement les em sont plus adaptés à tous les supports car ils respectent mieux les différences entre les différentes tailles de la police.

[steph68b]

Ok, merci pour cette précision.

[NoSmoking]

Bonjour,
il y a eu débat dur DVP em ou px, selon vous ? [Débat].

[steph68b]

Ok, j'irai jeter un oeil, des problèmes avec mon serveur de sauvegarde là, chaud, chaud, chaud!
Merci.