Partage
  • Partager sur Facebook
  • Partager sur Twitter

Taille fenêtre minimale

    10 janvier 2023 à 9:25:27

    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

    • Partager sur Facebook
    • Partager sur Twitter
      10 janvier 2023 à 9:47:52

      Bonjour,

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

      • Partager sur Facebook
      • Partager sur Twitter

      Pas d'aide concernant le code par MP, le forum est là pour ça :)

        10 janvier 2023 à 10:22:55

        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

        • Partager sur Facebook
        • Partager sur Twitter
          10 janvier 2023 à 13:17:02

          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.

          • Partager sur Facebook
          • Partager sur Twitter

          Pas d'aide concernant le code par MP, le forum est là pour ça :)

            10 janvier 2023 à 14:06:22

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

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

            Cordialement.

            • Partager sur Facebook
            • Partager sur Twitter
              10 janvier 2023 à 14:23:33

              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

              • Partager sur Facebook
              • Partager sur Twitter
                4 février 2023 à 18:57:31

                Pour éviter que l'image ne déborde tu dois utiliser dans ton fichier css
                img{
                   max-width:100%;
                   height:auto;
                }
                • Partager sur Facebook
                • Partager sur Twitter
                  4 février 2023 à 19:02:07

                  « 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

                  • Partager sur Facebook
                  • Partager sur Twitter
                    16 février 2023 à 22:24:30

                    Pardon du retard !

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

                    Ca dépend quel smartphone :p
                    • Partager sur Facebook
                    • Partager sur Twitter

                    Taille fenêtre minimale

                    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                    • Editeur
                    • Markdown