Partage
  • Partager sur Facebook
  • Partager sur Twitter

[CSS] Comment rendre son site responsive ?

    6 novembre 2018 à 12:57:50

    hello, j'ai terminé le code de mon site web et je souhaite désormais le peaufiner (penser au responsive, notamment). Seulement, je ne sais pas du tout par où commencer : j'ai utilisé des %/vh et pas des pixels, ce qui permet déjà d'adapter la taille des div et du contenu selon l'écran. Mais en ce qui concerne la réduction de la fenêtre, voilà ce que j'obtiens parfois :

    par quel bout puis-je prendre le problème ? avez-vous des solutions svp ?

    -
    Edité par Kaleb_ 13 novembre 2018 à 7:30:47

    • Partager sur Facebook
    • Partager sur Twitter
      6 novembre 2018 à 13:27:39

      Bonjour, 

      Intéresse toi au media queries qui te permette d'ajuster ton code selon les résolutions d'écrans. Cela te permettra de résoudre ton problème assez facilement.

      Ou alors Bootstrap pour être plus rapide. Mais tu ne peux pas forcément faire ce que tu veux (en tout cas moins facilement que les medias queries). Et en plus, c'est une surcharge au niveau de ton programme.

      Ton site est en ligne ? 

      Cordialement

      -
      Edité par KévinH 6 novembre 2018 à 13:28:14

      • Partager sur Facebook
      • Partager sur Twitter
        6 novembre 2018 à 14:08:57

        Salut,

        c'est une erreur de penser qu'avec des px on ne peux pas faire de responsive.

        Pour ton problème, sans ton code, ou encore mieux un lien vers le site, difficile de t'aider.

        • Partager sur Facebook
        • Partager sur Twitter
        Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
          6 novembre 2018 à 14:14:41

          dommage de penser au responsive à la fin c'est mieux de ce poser la question au début
          • Partager sur Facebook
          • Partager sur Twitter
            12 novembre 2018 à 19:52:38

            mon site n'est pas en ligne, non ! je peux vous fournir le code mais je ne suis pas très à l'aise quant à l'idée de donner tout mon travail comme ça (même si il n'y a pas grand-chose et que mon site est loin d'être de qualité)... 

            pour répondre à Alexandre, oui tu as raison, j'ai pensé que je pouvais régler ce souci une fois la base terminée

            vous pensez que je peux vous donner mon code ici, il n'y aura pas de problème ?

            • Partager sur Facebook
            • Partager sur Twitter
              12 novembre 2018 à 19:56:06

              Bonjour,

              Mauvais titre

              Le titre est un élément important qui ne doit pas être négligé. N'oubliez pas cette règle simple : le titre idéal résume la question que vous allez poser en une petite phrase. Il doit permettre aux visiteurs de se repérer facilement dans le forum visité et d'identifier le sujet à sa seule lecture.

              Vous pouvez utiliser divers préfixes comme [Erreur], [MySQL], [Compatibilité], etc... Aussi, pensez à consulter les règles propres à chaque forum (visibles dans les topics épinglés en haut des sections).

              De plus, choisir un bon titre permet de rendre plus faciles les recherches des autres membres.

              Les titres de type "besoin d'aide" ou "problème" ne sont pas tolérés.

              Pour modifier votre titre, éditez le premier message de votre sujet.

              (titre originel : responsive)

              • Partager sur Facebook
              • Partager sur Twitter

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

                12 novembre 2018 à 23:08:20

                On a absolument besoin de ton code afin de repondre a ta question ou du moins de la partie HTML conserner (container compris) et tout ton code CSS.

                Sinon je pense que ca viens du fait que tu as definie une hauteur pour ton conteneur... essaie de le passer en height: auto ou min-height: ICI TU MET TA HAUTEUR MINIMAL...

                • Partager sur Facebook
                • Partager sur Twitter

                [CSS] Comment rendre son site responsive ?

                × 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