Avec JavaScript, vous pouvez contrôler le niveau de zoom, bien que l'oly solution que j'ai trouvé n'a pas un aspect lisse.
Disons que vous avez en <head>
:
<meta id="vp" name="viewport" content="width=768,initial-scale=1.0">
Pour effectuer un zoom 4x, tout en permettant à l'utilisateur de changer de zoom, de modifier le contenu deux fois:
var vp = document.getElementById('vp');
vp.content = "width=767,minimum-scale=4.0,maximum-scale=4.0,user-scalable=yes";
vp.content = "width=768,minimum-scale=0.25,maximum-scale=10.0,user-scalable=yes";
Le basculement de la largeur est très important, car sinon le navigateur Safari Mobile a de graves repeindre bugs (due à la sur-optimisation).
Vous ne pouvez pas simplement fixé initial-scale
de nouveau - il est ignoré, la deuxième fois.