Javascript 如何防止谷歌chrome android浏览器在用户点击按钮时显示放大镜?
我正在构建一个包含无序列表的简单html菜单,并试图阻止google chrome浏览器在每次单击链接时显示其放大镜 浏览器认为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是很有用的:我想我找到了一个方法,它太愚蠢了,我不知道我怎么
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;