Taille de texte adaptative

Résolu/Fermé
jeanjean_ac Messages postés 27 Date d'inscription samedi 20 août 2011 Statut Membre Dernière intervention 29 août 2011 - 20 août 2011 à 13:21
jeanjean_ac Messages postés 27 Date d'inscription samedi 20 août 2011 Statut Membre Dernière intervention 29 août 2011 - 20 août 2011 à 13:37
Bonjour,

Je voudrais faire en sorte que les tailles des polices de mes éléments soient en fonction de la résolution.

Par exemple = 1024 de largeur = 14px

Pour un écran de 1200 de largeur = 1200 / 1024 * 14 = 16,4px

Histoire d'indiquer juste l'ordre de grandeur entre les éléments :

p { font-size: 100%; }
h1 { font-size: 300%; }
h2 { font-size: 250%; }
...

Savez-vous si cela est possible en utilisant les CSS ?
J'ai regardé du côté de l'unité em mais ça n'a pas l'air d'être fait pour ça.

Merci d'avance !


3 réponses

jeanjean_ac Messages postés 27 Date d'inscription samedi 20 août 2011 Statut Membre Dernière intervention 29 août 2011
20 août 2011 à 13:31
C'est bon j'ai trouvé la solution sur google !

Jsuis tombé sur un bète d'article ici : http://blog.evolya.fr/index.php?post/20/08/2011/Intelligent-Responsive-UI-Une-interface-pensee-pour-l-utilisateur

Le gars il configure tous les font-size en %age, et avec du javascript il redimensionne toutes les tailles. Cest niquel !

Bon merci quand même je reviendrais :)
0
jeanjean_ac Messages postés 27 Date d'inscription samedi 20 août 2011 Statut Membre Dernière intervention 29 août 2011
20 août 2011 à 13:34
Heu.. comment on marque que c'est résolut ?
0
jeanjean_ac Messages postés 27 Date d'inscription samedi 20 août 2011 Statut Membre Dernière intervention 29 août 2011
Modifié par jeanjean_ac le 20/08/2011 à 13:37
Et du coup j'ai une autre question : on peut eviter les veuves et les orphelins en CSS ?

https://fr.wikipedia.org/wiki/Veuves_et_orphelins
0