Bonjour,

Alors je charge dynamiquement du contenu HTML dans une div dans ma page web. Ce contenu est redimensionné pour occuper toute la div s'il est trop grand, du coup ça pourrait être petit sur les écrans de smartphone. Du coup, je voudrais permettre aux utilisateurs de zoomer/dézoomer (en pinçant) et de scroller, mais uniquement dans cette div, sans que ça n'est incidence sur le reste de la page.

J'ai quelque chose de ce genre :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<div id="conteneur">
   <div id="partie_statique"></div>
   <div id="partie_dynamique"></div>
   <div id="autre_partie_statique"></div>
</div>

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#conteneur{
  width:100%;
  height:100%;
}
 
#partie_statique{
  width:100%;
  height:25%;
}
 
#partie_dynamique{
  width:50%;
  height:75%;
}
 
#autre_partie_dynamique{
  width:50%;
  height:75%;
}
En gros, quand on zoome dans la div, ça n'affecte que le contenu de la div, et quand on zoome dans le reste de la page, ça zoome normalement sur toute la page.

Merci