Différence de vue entre 2 mobiles

Résolu

Bonjour,
Sur 2 téléphones:
1) LG g3
2) LG Q7
Je n'ai pas la même vue de la même page du site sur mes 2 écrans ?
1) Sur le PC tout est parfait
2) Sur la capture d'écran du LG Q7 (ci dessous), tout est un peu près à sa place......

LG Q7

3) Sur l'image de la capture d'écran du LG g3, les textes sot plus gros (?) donc impossible qu'il soit bien placés. Pourquoi, avez-vous une idée?

LG g3


 


Windows / Edge 112.0.1722.39

6 réponses

  1. Bonjour,

    Vérifie les paramètres d'affichage de ta page Internet sur ton LG G3.


    1. Bonjour,


      Utilises-tu le même navigateur et la même version de ce navigateur sur tes 2 mobiles ?

      remarque: Dans la source de la page en ligne 39 il manque :
      </style>
      <script>

      Il est préferable de regrouper les styles et les scripts.

      1. Avec Google ou Chrome, c'est pareil

        Merci, Je vais regarder la ligne 39

        1. Ligne 39  ? : var mois = document.getElementById('mois').value

          Voici le code : de la ligne 22 à 48
           

          </script>
          <style>
          * { margin:0; padding:0; }
          body {
          width:100%; height:100%;
          max-width:1450px;
          margin:0 auto;
          text-align:center;
          color:white;
          background-color:rgb(0, 51, 153);
          }
          a { color:#dcd296; }
          a:hover { color:#33ff33; }
          a:visited { color:#dcd296; }
          
          // récupération des données : annee / mois / pages
          var annee = document.getElementById('annee').value;
          var mois = document.getElementById('mois').value
          var pages = document.getElementById('pages').value
          
          if( annee != '' && mois != '' && pages != '' )
          {
          var url = '/'+ annee + '/' + mois + '/' + pages +'.html';
          document.location.href = url; // on affiche la page
          }
          </script>
          <style>
          1.  voici la source que montre chrome : view-source:http://meteofloralies.free.fr/

            <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
            <html><head>
            
              <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>Index - Météo Floralies</title>
              
            
            
              <meta content="Guy" name="author">
            
              <base href="http://meteofloralies.free.fr/">
              <script type="text/javascript">
            function affichePage()
            {
            // récupération des données : annee / mois / pages
            var annee = document.getElementById('annee').value;
            var mois = document.getElementById('mois').value
            var pages = document.getElementById('pages').value
            
            if( annee != '' && mois != '' && pages != '' )
            {
            var url = '/'+ annee + '/' + mois + '/' + pages +'.html';
            document.location.href = url; // on affiche la page
            }
            }
              </script>
              <style>
            * { margin:0; padding:0; }
            body {
            width:100%; height:100%;
            max-width:1450px;
            margin:0 auto;
            text-align:center;
            color:white;
            background-color:rgb(0, 51, 153);
            }
            a { color:#dcd296; }
            a:hover { color:#33ff33; }
            a:visited { color:#dcd296; }
            
            // récupération des données : annee / mois / pages
            var annee = document.getElementById('annee').value;
            var mois = document.getElementById('mois').value
            var pages = document.getElementById('pages').value
            
            if( annee != '' && mois != '' && pages != '' )
            {
            var url = '/'+ annee + '/' + mois + '/' + pages +'.html';
            document.location.href = url; // on affiche la page
            }
            </script>

            "Ma" ligne 39 c'est celle si suit : a:visited { color:#dcd296; }

            Pourquoi c'est différent du code que tu nous montre ? Je ne sais pas.

            1. Pour le code, comme je le modifie beaucoup en ce moment, ça ne doit pas ce mettre à jour immédiatement.

              Pour les mobiles : J'utilise "LiLo" comme moteur de recherche ça ne devait pas être la même version sur les deux (avec Google, c'est pareil)
              Maintenant ça fonctionne.

              Merci pour tout