L'tilisation de la balise meta viewport pour contrôler la mise en page sur mobile, et l'argument user-scalable ne fonctionne pas encore avec tous les navigateurs.
Une alternative pour désactiver le zoom sur une page Web mobile consiste à utiliser JavaScript de la manière suivante :
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Comment désactiver le zoom sur une page Web mobile ?</title>
</head>
<body>
Le zoom avec les doigts ne fonctionne pas sur cette page.
<script>
function noZoom(element, evenementNom, listener) {
var evenement = evenementNom.split(' ');
for (var i=0, iLen=evenement.length; i<iLen; i++) {
element.addEventListener(evenement[i], listener, false);
}
}
noZoom(document, 'gesturestart gesturechange gestureend', function(e) {
e.preventDefault();
document.body.style.zoom = 1;
});
</script>
</body>
</html>
