Partage
  • Partager sur Facebook
  • Partager sur Twitter

Mozilla vs Chrome outils de développement

Différence énorme de rendu sur ipad

Sujet résolu
    21 mars 2019 à 12:55:28

    Bonjour,

    Je me sens un peu perdue. Je travaille sur l'adaptation d'une page web pour qu'elle soit visuellement adaptée sur tablette. J'utilisais l'outils de développement de Chrome pour visualiser mes modifictions sur talblette Ipad. J'ai involontairement fermé la page, je l'ai rouverte et oh surprise ! Le rendu sur le même support et sans modification n'a rien à voir !

    J'ai ouvert l'outils équivalent de Mozilla et rien à voir non plus. Les dimensions des ipad simulés sont les mêmes.

    Comment est-ce possible ?

    Comment savoir ce que je vais obtenir au final ?

    Voici le rendu écran sur ipad d'après Mozilla :

    Et le rendu d'après Chrome :

    Qu'en pensez vous ? Merci.

    • Partager sur Facebook
    • Partager sur Twitter
      22 mars 2019 à 8:42:46

      De toutes façon il faut partir du principe que les tailles d'écran soient toutes différentes.

      Si Chrome et Mozilla simulent des tailles différentes, c'est assez logique. Ta page doit être responsive pour s'adapter à tous les écrans. Pour ça il faut :

      - Une balise Viewport dans l'en-tête de toutes les pages

      - Utiliser le plus possible les unités relatives

      - Si nécessaire envisager d'écrire des media-queries

      Un tutoriel sur le responsive te sera utile.

      -
      Edité par AlainPré 22 mars 2019 à 8:43:23

      • Partager sur Facebook
      • Partager sur Twitter

      Alain - Linkedin

        22 mars 2019 à 9:17:54

        Bonjour AlainPré,

        Merci.

        Bonne journée.

        • Partager sur Facebook
        • Partager sur Twitter

        Mozilla vs Chrome outils de développement

        × 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