Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何防止谷歌chrome android浏览器在用户点击按钮时显示放大镜?_Javascript_Android_Html_Google Chrome_Browser - Fatal编程技术网

Javascript 如何防止谷歌chrome android浏览器在用户点击按钮时显示放大镜?

Javascript 如何防止谷歌chrome android浏览器在用户点击按钮时显示放大镜?,javascript,android,html,google-chrome,browser,Javascript,Android,Html,Google Chrome,Browser,我正在构建一个包含无序列表的简单html菜单,并试图阻止google chrome浏览器在每次单击链接时显示其放大镜 浏览器认为li彼此太近,用户无法准确单击。但我不同意 除了在li元素上设置更大的填充之外,我如何禁用/取消/防止此行为?有办法吗?我认为没有办法禁用它,因为它是Android Chrome浏览器的一项功能 不幸的是,Android Chrome浏览器的源代码还不是开源的,所以我不能看一看 你可能会发现在这里报告一个bug是很有用的:我想我找到了一个方法,它太愚蠢了,我不知道我怎么

我正在构建一个包含无序列表的简单html菜单,并试图阻止google chrome浏览器在每次单击链接时显示其放大镜

浏览器认为
li
彼此太近,用户无法准确单击。但我不同意


除了在
li
元素上设置更大的填充之外,我如何禁用/取消/防止此行为?有办法吗?

我认为没有办法禁用它,因为它是Android Chrome浏览器的一项功能

不幸的是,Android Chrome浏览器的源代码还不是开源的,所以我不能看一看


你可能会发现在这里报告一个bug是很有用的:

我想我找到了一个方法,它太愚蠢了,我不知道我怎么会不早点想到它

只要更改
viewport
meta标记以禁用页面上的缩放,放大镜功能就不会再困扰您了

i、 e


我在Galaxy Nexus和Galaxy Note上成功地进行了测试。欢迎任何其他意见和反馈

[编辑]


在对移动用户体验进行了大量实验之后,我建议设计更大的按钮

它似乎适用于此CSS声明:

-webkit-touch-callout:none;

谢谢@Armel,帮了我很多忙。你是怎么做到的?没有“user scalable=no”就可以做到吗。我希望用户能够缩放。但是,我不想在点击按钮时弹出缩放覆盖?谢谢你,据我所知。我会编辑我的答案;-)做更大的按钮!阿姆尔,你让我高兴极了!然而,当页面自动旋转时,这会破坏布局,所以我只留下了,它对我来说工作正常。在最新的Android Chrome上测试,它不会阻止点击东西时放大镜。这似乎是一个错误。由于它在其他webkit浏览器中不受支持,这对Chrome没有帮助。
-webkit-touch-callout:none;