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

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

Я создал отзывчивый веб-сайт, и все выглядит хорошо. Однако по какой-то причине вы не можете усилить масштабирование в 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, но это не имеет значения.

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

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

Ответ 1

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

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

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

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

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

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

Ответ 2

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

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

Надеюсь, что это поможет.

Ответ 3

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

Thierry B написал плагин, который сделает это и разместил его на github repo

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

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

Или для Масштаб просмотрa > обратитесь к этому учебнику

Ответ 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" />