Подтвердить что ты не робот

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

Я написал небольшое веб-приложение, чтобы собрать некоторые данные и сохранить их в центральной базе данных. Я хожу вокруг, читая ценности и набирая их на веб-сайт на своем смартфоне Android. Это просто для меня, поэтому на этот раз не существует публичных аспектов удобства использования.

Теперь я хочу добавить кнопку, чтобы увеличить показание на единицу, и мне нужно будет нажать эту кнопку несколько раз. Но если я делаю это слишком быстро, браузер распознает двойную вкладку и масштабирует/масштабирует страницу.

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

Здесь минимальная тестовая страница, которая терпит неудачу для меня:

<!doctype html>
<html>
<head>
<title>Test page</title>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<style type="text/css">
body
{
    font: 16pt sans-serif;
}
</style>
</head>
<body>
This is a test page. It should not be scalable by the user at all. Not with the two-pinger pinch gesture and even less with a double-tap on the text.
</body>
</html>

Добавление начального масштаба = 1, maximum-scale = 1 и всех видов target-whateveritwas-dpi не изменяет ничего. Я перезапустил браузер (Dolphin HD и браузер акций) и уже очистил кеш. Я на Android 2.2, телефон - HTC Desire.

4b9b3361

Ответ 2

Это работало для меня во всех браузерах для Android:

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

Общей ошибкой является то, что люди используют 2 мета-тега вида просмотра:

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

Второй метаобъект просмотра переопределяет первый в некоторых браузерах (например, хром для android). Нет причин иметь два мета-видовых экрана, поскольку второй из них содержится в первом.

Подробнее см. Этот ответ.

Ответ 4

<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width">

Тег Meta Viewport решает проблему в большинстве случаев. Но у Android есть странная проблема, когда при изменении ориентации метатег reset, и вы можете масштабировать или масштабировать страницу еще раз.

Для исправления этой проблемы в Android-мониторе orientaionchange и установите тег meta viewport на каждое событие changechange.

Вот ссылка с фрагментом кода http://moduscreate.com/orientation-change-zoom-scale-android-bug/

Ответ 5

"user-scalable = no" никогда не работал у меня, вместо этого я использую "user-scalable = 0", который, кажется, работает с удовольствием.

Ответ 6

Используйте следующие строки кода:

 

Проверьте приложение Samsung Galaxy S там, где оно поддерживается. Но когда я открываю ту же ссылку внутри Galaxy Ace, там Turn Off, Zooming не поддерживает.

Пожалуйста, проверьте ваше приложение на другое мобильное устройство и проверьте. Пожалуйста, перейдите по ссылке, вы получите Идея:

http://garrows.com/?p=337

Ответ 7

Попробуйте все это одновременно (извлечено из здесь):

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

Затем расскажите нам о своем опыте