Discussion :

[awalter1]

Bonjour,
J'utilise mon site https://peintres-expo.fr sur écran 17" et aussi sur téléphone android 6,5".
Sur une des pages, en 17", j'ai un texte A un plus grand que le texte B alors qu'en 6,5" le texte B devient beaucoup plus grand que le A !!! Je m'attendais à ce que A et B diminuent proportionnellement.
A et B sont exprimés dans la même unité : em.
Voici un extrait du code HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<section id="apropos">
   <h2>Galerie Alain Walter</h2>
   <div id="divApropos">
      <div id="col1">
         <img src="medias/AW/moi-en-peintre.jpg" style="border: solid 2px black" alt="photo du peintre" width="200px">
      </div>
      <div id="col2">
         <h3>Peintre sur le tard, mais une vraie envie</h3>
         <P>De formation scientifique ..., </P><br>
      </div>
   </div>
</section>
    <main id="ltableaux">
        <h6 id="h6center">Le survol d'un tableau ...</h6>

Et du code css (pris via l'inspecteur):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
#divApropos P {
  margin-right: 10%;
  font-size: 1.3em;
}
#h6center {
  text-align: center;
  text-transform: none;
  font-size: 1em;
  margin-left: auto;
  margin-right: auto;
  color: black;
}

Si vous voulez voir en vrai, c'est sur la page https://peintres-expo.fr/galerie.php?nom=AW

Merci de votre aide.

[NoSmoking]

Bonjour,
ajoute cette balise meta dans ton document :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<meta name="viewport" content="width=device-width, initial-scale=1.0">

cela aidera ton navigateur à gérer le mode mobile.

Ressources :

↪ Utilisation de la balise meta viewport

[awalter1]

Bonjour NoSmoking

Avec ta directive, sur mobile, mon texte garde bien sa proportionnalité avec l'autre texte :-)
Par contre l'affichage du site est tout chamboulé. Avant le site était exploitable (certes les polices étaient petites), là il ne l'est plus. Donc je préfére le léger désagrément de l'objet du post.
Merci