Как отключить масштабирование веб-страниц на Android?
Я написал небольшое веб-приложение для сбора некоторых данных и хранения их в центральной базе данных. Я хожу вокруг, считываю значения и ввожу их в веб-сайт на своем смартфоне Android. Это только для меня, так что на этот раз никаких проблем с общественным удобством не возникает.
Теперь я хочу добавить кнопку для увеличения показаний на единицу, и мне нужно иметь возможность нажимать эту кнопку несколько раз. Но если я сделаю это слишком быстро, браузер распознает двойную вкладку и масштабирует/зумирует страницу.
Я уже добавил заголовок viewport и играл со всеми комбинациями значений, которые смог найти в Интернете. Но страница остается масштабируемой. Как я могу остановить это?
Вот минимальная тестовая страница, которая у меня не работает:
<!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>
Добавление initial-scale=1, maximum-scale=1 и всевозможных target-whateveritwas-dpi ничего не меняет. Я перезапустил браузер (Dolphin HD и стоковый браузер) и уже очистил кэш. Я на Android 2.2, телефон - HTC Desire.