Pinch/specyfikacja rzutnia zoom działa na iPhone, ale nie na Androidzie

Question

Zrobiłem witryna oparta na WordPressie jakiś czas temu od firmy żeglarstwo, xssailing.com i obecnie mają port widok ustawiony jako:

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

Witryna działa prawidłowo na komputer i mogę szczypać i powiększać dobrze na iPhonie/iPadzie. Kiedy odwiedzam stronę z moim kumplem, nie mogę szczypać i powiększać jak mogę na innych stronach. Jakieś pomysły?

Dzięki!

Answer 1

Masz rację, nie powiększa. Testowany na Nexusie S za pomocą domyślnej przeglądarki.

Safari zdefiniowało naprawdę głupie ustawienia domyślne dla tego znacznika (dokładnie 960 pikseli dla szerokości, dokładnie dla starego iPhone'a, który nie jest już tworzony). Dlatego będziesz chciał wyraźnie określić minimum-scale. Określając wszystkie trzy parametry skalę (zamiast 2 z 3) strony powiększa dobrze:

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

czekać także dla całej strony pełni obciążenia przed próbą, aby powiększyć.

---

Zauważ, że to byłoby DUŻO silniejsze pytanie dotyczące wymiany stosów z kompletnym minimalnym przykładem i bez spamowego linku do konkretnej witryny. Im szerszy zakres zastosowania pytania i odpowiedzi, tym lepiej!