Bonjour,

Je viens vers vous parce que j'ai un petit problème. Je suis en train de faire un site responsive, donc ça, ça va. Par contre j'aurais voulu savoir comment faire pour que la taille de ma fenêtre ai une taille minimum. Par exemple j'aimerais bien qu'elle ne se réduise pas en-dessous de 500px. C'est possible ? Parce que quand j'y pense, ça me paraît impossible

Bonne journée

Bonjour,

tu parles de la fenêtre du navigateur ? Si oui, non, tu ne peux pas agir dessus ; laisse tes utilisateurs et utilisatrices tranquille Plus sérieusement : quelle est la raison de ton besoin ?

Haha, oui je parlais bien de la fenêtre du navigateur :')

En faite c'est juste qu'il y a beaucoup d'image et donc quand on réduit la page, une partie des images disparait. J'aurais voulu bloquer la taille minimale de la fenêtre pour afficher la totalité des images (avec une largeur de 500 ou 600px sinon elles sont trop petites) plutôt que de les réduire en tout petit format ou en cacher une partie. Je sais pas si c'est clair

Peux-tu donner une page en ligne ? J'ai du mal à visualiser le problème. Les images pourraient passer à la ligne, par exemple, si elles sont présentées sous forme de grille.

« quand on réduit la page, une partie des images disparait »

La propriété CSS max-width devrait répondre à ton problème.

Cordialement.

Alors c'est pas mon site donc j'ai essayé de reproduire le problème parce que je ne l'ai pas avec moi. Mais en gros on fait un retour à la ligne, mais si on met la taille de la fenêtre au minimum, les photos sont un peu mangées

https://mario-lakitu.000webhostapp.com/Open%20classroom%20question/Question.html

Alors sur le vrai site on avait essayé des choses mais le problème restait que soit les photos était vraiment trop petite pour voir tous les détails donc on essayait de garder une taille minimal (j'ai malheureusement pas les photos) soit elles sont un petit peu grignotées.

Et pareil pour les deux paragraphes, on aurait aimé qu'ils soient sur des lignes plus longues pour que ça soit plus agréable à lire. Donc c'est pour ça qu'on cherchait à imposer au navigateur une taille minimal

Pour éviter que l'image ne déborde tu dois utiliser dans ton fichier css

img{
   max-width:100%;
   height:auto;
}

« Donc c'est pour ça qu'on cherchait à imposer au navigateur une taille minimal »

Un smartphone ne sait pas (encore) agrandir son écran ! ;-)

-
Edité par Domi65 4 février 2023 à 19:02:19

Pardon du retard !

Oui en effet, la solution était pourtant pas si compliqué ^^'

Ca dépend quel smartphone