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. 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

    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. 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. Avec Google ou Chrome, c'est pareil

          Merci, Je vais regarder la ligne 39

          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. Bonjour,

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