当用户点击按钮时,如何防止Google Chrome浏览器显示放大镜?

Arm*_*ier 12 html javascript browser android google-chrome

我正在使用无序列表构建一个简单的html菜单,我试图阻止每次点击链接时谷歌浏览器浏览器显示其放大镜.

浏览器认为li's彼此距离太近,用户无法准确点击它.但我不同意!

除了在li元素上设置更大的填充之外,我怎么能禁用/取消/阻止这种行为呢?还有办法吗?

Arm*_*ier 14

我想我找到了一种方式而且它太愚蠢我不知道我怎么没想到它...

只需更改viewport元标记即可禁用页面上的缩放,放大镜功能将不再打扰您.

<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no" />
Run Code Online (Sandbox Code Playgroud)

我在Galaxy Nexus和Galaxy Note上测试了这个成功.欢迎任何其他输入和反馈!

[编辑]

在尝试了很多移动用户体验后,我建议...... 设计更大的按钮!

  • 没有'user-scalable = no'就可以做到这一点.我希望**用户能够放大.但是我不想**按钮点击时弹出缩放叠加?谢谢 (2认同)
  • 但是当页面被自动旋转时会打破布局,所以我只留下了<meta name ="viewport"content ="user-scalable = no"/>这对我来说没问题. (2认同)