Taille de texte adaptative
Résolu
jeanjean_ac
Messages postés
32
Statut
Membre
-
jeanjean_ac Messages postés 32 Statut Membre -
jeanjean_ac Messages postés 32 Statut Membre -
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 !
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
-
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 :) -
-
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
