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.