Ripristina il livello di zoom onload

Question

Non ho un iPhone quindi non riesco a testarlo da solo, ma secondo un cliente se esegue lo zoom per fare più facilmente clic su un link, quindi quando la pagina successiva carica la pagina rimane ingrandita e l'utente deve manualmente ridurlo di nuovo.

Si noti che questo NON è un sito reattivo (non ha una larghezza di meta = set di larghezza del dispositivo).

C'è un modo per impedirlo? Ho provato ad aggiungere uno zoom massimo = 1 solo per rimuoverlo qualche secondo dopo, ma non ha funzionato affatto.

Quando si cerca su google il problema, tutto quello che riesco a trovare è che le persone che hanno il livello di zoom diventano banane quando cambiano l'orientamento di una webapp, che non è lo stesso problema.

Answer 1

capisco che questo potrebbe essere un problema di visualizzazione web. si può semplicemente impostare

webView.scalesPageToFit = YES; 

se sopra non ha funzionato nel vostro caso allora avete bisogno di fare alcune modifiche in voi il codice per adattare i contenuti in WebView.

si può guardare questo link potrebbe aiutare. set content of webview without zooming out

Answer 2

A causa di problemi di sicurezza, non è possibile modificare il livello di zoom del browser senza il consenso dell'utente e l'immissione manuale. È possibile che tu possa ottenere un effetto simile utilizzando un plug-in attivo (Flash?), Ma questo è l'unico modo per ripristinare veramente il livello di zoom del browser.

In alternativa, è possibile modificare lo zoom CSS del browser con l'attributo transform: zoom() (a good SO reference) e visualizzare il sito come se lo zoom fosse stato ripristinato, ma solo in parte. Prima della produzione, potresti anche voler regolare i livelli di zoom non interi e la compatibilità cross-browser. Anche così, questa implementazione CSS probabilmente non è ciò che stai cercando, poiché spesso regola solo gli stili degli elementi e le dimensioni dei caratteri. Puoi anche utilizzare questo codice jQuery abbreviato per ottenere lo stesso effetto: $(document.body).css('zoom','150%').