Как включить масштабирование Android?

Question

Правильно, я хочу, чтобы включить масштабирование, а не отключить.

Я создал отзывчивый веб-сайт, и все выглядит хорошо. Однако по какой-то причине вы не можете усилить масштабирование в Chrome на Nexus 7 (под управлением Android 4.2.2).

Это мой мета-тег, который делает, что он показывает сайт с правой CSS для размера экрана:

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

Нигде здесь я не говорю, пользователь не может увеличить. Как я уже сказал, сайт является отзывчивым, поэтому пользователю не нужно увеличивать масштаб, однако, если пользователь хочет увеличить масштаб, я не хочу их останавливать. На iPhone нет проблем, пользователь может масштабировать, если захочет. Но на Android они не могут. Я попытался добавить user-scalable=yes и user-scalable=1, но это не имеет значения.

Единственное, что работает, заключается в удалении этого метатега, но тогда сайт проявляет себя так, как будто он отображается на большом экране, поэтому он больше не реагирует.

Есть ли что-нибудь, что я могу сделать?

Answer 1

комментарий @David Ли сверху правильно: кажется больше Nexus 7 вещь, чем проблема Chrome. У Google было много жалоб по поводу щепотки на зум по Nexus 7, и есть speculation, что они пытаются обойти щепотку Apple, чтобы увеличить патент.

Из того, что я знаю, просто используя

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

должен работать.

В качестве примера я рассмотрел http://m.skyscanner.com/ и работает на других устройствах с хромированными и другими браузерами, такими как Dolphin HD. И весь этот сайт имеет код просмотра сверху.

У Chrome для Android есть способ для увеличения масштаба - откройте основные настройки браузера и нажмите «Доступность», затем проверьте параметр «Принудительное масштабирование» и посмотрите, работает ли это в Nexus 7 (у меня нет этого устройства поэтому не могу это проверить)

Answer 2

Какая версия Android? Android 2.2 не поддерживает видовую мету-тег, если ваша версия между 2.3.x и 4.x попробовать это:

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

Надеется, что это помогает.

Answer 3

Хотя это не полное решение вашей проблемы, но оно может масштабировать определенный регион.

Thierry B написал плагин, который будет делать это и отправил его на github repo

Вы можете demo его здесь:

Просто нажмите на часть, которую вы хотите увеличить

или для View View Zoom обратитесь к thi s tutorial

Answer 4

использовать эту надежду, что это поможет:

<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" />