1478 sujets

Web Mobile et responsive web design

Bonjour,
J'ai cherché (y compris avec Jquery) mais n'ai rien trouvé de fonctionnel.
J'ai une page
http://www.lacompagniedulys.fr/pages/postit.html
Je voudrais que la taille du texte s'adapte à la taille de l'image de fond quand on réduit la taille de la fenêtre du navigateur.
Il me semble que ça coince à cause du font-size mini du navigateur. Une solution pour avoir un texte assez petit.
Actuellement je fais une copie d'écran, "crop" le postit et affcihe l'image (avec le texte superposé) :
http://www.lacompagniedulys.fr
Si on peut faire tout en HTML, CSS et éventuellement JS ça serait mieux !
Merci et bonne journée
Faut que tu mettes l'image en background dans ta div, les <br> sont à éviter et si je ne dis pas de bêtise faut mettre la taille de la div en max-width et surtout tes phrases doivent au moins être dans des balises <p> que tu façonne en css pour leur donner l'apparence que tu veux.
L'image en background (d'une div) dépend du texte dans ce div.
Je voudrais l'inverse : que la taille du texte s'ajuste pour ne pas sortir du postit de fond. Il me semble que la taille mini du rexte dans le navigateur empêche le texte d'être suffisamment petit.
Modérateur
Salut,

Tu peux tester :
#postit span {
    font-size: 1vw;
}
Meilleure solution
C'est ce que j'ai fait et ça marche pour Firefox, Edge, IE, Chrome.
Mais cà n'allait pas avec mon navigateur par défaut Seamonkey.
Dans about : config j'ai mis une taille de font mini de 7px au lieu de 14 et ç'est bon.
Y a plus qu'à espérer que la min-font-size des navigateurs (Safari ?) n'est pas trop grande !
Merci
Modérateur
Heu... normalement il n'y a aucune influence externe de taille de police... on lui dit juste de se mettre a 1% du viewport width donc peu importe la taille par défaut normalement...