Jak włączyć powiększanie w systemie Android?

Question

To prawda, chcę włączyć powiększenie zamiast wyłączenie go.

Utworzyłem responsywną stronę internetową i wszystko wygląda dobrze. Jednak z jakiegoś powodu nie możesz przyciąć i powiększyć Chrome na Nexusie 7 (z systemem Android 4.2.2).

To jest moja meta tag, który dba o to pokazuje stronę z prawej CSS dla rozmiaru ekranu:

<meta name="viewport" content="width=device-width, initial-scale=1" /> 

Nigdzie tutaj nie mówię, że użytkownik nie może powiększać. Jak już mówiłem, strona jest responsywna, więc nie ma powodu, dla którego użytkownik musiałby powiększać, jednak jeśli użytkownik chce powiększyć, nie chcę ich zatrzymywać. Nie ma problemu z iPhone'em, użytkownik może powiększyć, jeśli chce. Ale na Androida nie mogą. Próbowałem dodać user-scalable=yes i user-scalable=1, ale to nie ma znaczenia.

Jedyną rzeczą, która działa, jest usunięcie tego metatagu, ale wtedy witryna renderuje się tak, jakby była wyświetlana na dużym ekranie, więc nie jest już responsywna.

Czy mogę coś zrobić?

Answer 1

komentarz @David Lee na górze jest poprawna: Wydaje się bardziej Nexus 7 rzeczy niż problem z Chrome. Google ma wiele skarg dotyczących szczypania i powiększania Nexusa 7 i jest speculation, że próbują obejść szczyptę Apple, aby powiększyć patent.

z tego co wiem tylko używając

<meta name="viewport" content="width=device-width, initial-scale=1"> 

powinno działać.

Przykładem jest http://m.skyscanner.com/ i działa on na innych urządzeniach z Chrome i innymi przeglądarkami, takimi jak Dolphin HD. A cała ta witryna ma kod widoku z góry.

Chrome na Androida może nam wymusić powiększenie - otwórz główne ustawienia przeglądarki i kliknij "Dostępność", a następnie sprawdź opcję Wymuś włączenie powiększenia i zobacz, czy to działa na Nexusie 7 (nie mam tego urządzenia więc nie możemy tego przetestować)

Answer 2

Jaką wersję Androida? Android 2.2 nie obsługuje rzutni meta-tag, jeśli wersja jest pomiędzy 2.3.x 4.x spróbuj tego:

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

nadzieję, że to pomaga.

Answer 3

Chociaż nie jest to kompletne rozwiązanie Twojego problemu, ale może powiększyć dany region.

Thierry B napisał wtyczkę, która zrobi to i zamieścił go na github repo

Można demo to tutaj:

Wystarczy kliknąć na części chcesz powiększyć

Lub dla Viewport Zoom proszę odnieść się do s tutorial

Answer 4

stosowanie tej nadziei, że to pomoże:

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" />