Как предотвратить браузер Chrome Chrome Chrome для отображения лупы при нажатии на кнопку?

Я создаю простое html-меню с неупорядоченными списками, и я пытаюсь запретить браузер Chrome Chrome отображать его лупу каждый раз, когда я нажимаю ссылку.

Браузер считает, что li слишком близко друг от друга, чтобы пользователь мог щелкнуть его точно. Но я не согласен!

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

Ответ 1

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

Просто измените метатег viewport, чтобы отключить масштабирование на странице, и функция лупы больше не беспокоит вас.

то есть.

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

Я успешно проверил это на Galaxy Nexus и Galaxy Note с успехом. Любые другие ввод и обратная связь приветствуются!

[EDIT]

После много экспериментов с мобильным UX я бы посоветовал... КНОПКИ ДИЗАЙНА БОЛЬШИХ!

Ответ 2

Я не думаю, что есть способ отключить это, поскольку это особенность браузера Android Chrome.

К сожалению, исходный код для браузера Android Chrome не является открытым исходным кодом (пока), поэтому я не могу взглянуть.

Вам может быть полезно сообщить об ошибке здесь: new.mcrbug.com

Ответ 3

Кажется, что работает с этим объявлением CSS:

-webkit-touch-callout:none;