Pinch/specifica finestra Zoom funziona su iPhone, ma non su Android

Question

ho fatto un sito WordPress un po 'indietro da una società di navigazione, xssailing.com e attualmente hanno il porto View Imposta come:

<meta name="viewport" content="user-scalable=yes;width=device-width; initial-scale=0.31; maximum-scale=1.0;"/> 

Il sito funziona bene su un computer e posso pizzicare e zoomare bene su un iPhone/iPad. Quando visito il sito con il mio Kindle non riesco a pizzicare e ingrandire come posso su altri siti. Qualche idea?

Grazie!

Answer 1

Hai ragione, non ingrandisce. Testato su un Nexus S con il browser predefinito.

Safari ha definito valori predefiniti veramente stupidi per questo tag (esattamente 960 pixel per la larghezza, esattamente per un vecchio iPhone non più fabbricato). Pertanto, dovrai specificare esplicitamente lo minimum-scale. Specificando tutti i tre parametri di scala (piuttosto che 2 delle 3) la pagina viene ingrandita bene:

<meta name="viewport" content=" 
user-scalable=yes; 
width=device-width; 
initial-scale=0.31; maximum-scale=1.0; minimum-scale=0.25"/> 

attendere anche per l'intera pagina per pienamente carico prima di tentare di zoom.

---

Nota questa sarebbe una domanda molto più forte Stack Exchange con un esempio minimo completo, e nessun legame spam per un particolare sito web. Più ampia è l'applicabilità della domanda e la risposta, meglio è!