Con JavaScript puedes controlar el nivel de zoom, aunque la solución que he encontrado no se ve suave.
Digamos que tienes en <head>
:
<meta id="vp" name="viewport" content="width=768,initial-scale=1.0">
Para hacer zoom a 4x y aún permitir que el usuario cambie el zoom, cambie el contenido dos veces:
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";
Alternar el ancho es muy importante; de lo contrario, Mobile Safari tiene errores graves de repintado (debido a una optimización excesiva).
No puede simplemente configurar de initial-scale
nuevo, se ignora la segunda vez.
scalesPageToFit = YES
funciona pero cambia el tamaño de contenido predeterminado. Mira mi respuesta, esto te será útil.