Android似乎是在增加我正在处理的HTML表单上的提交按钮的可点击区域。这就好像提交按钮右侧大约有25个像素也是可以点击的。这是有问题的,因为在我的设计中,提交按钮右侧是一个<A>
元素,其中绑定了一个事件处理程序。点击<A>
经常提交表单而不是触发事件处理程序。我正在Browerstack中进行大部分测试,而在一些真实硬件上进行测试。问题出现在具有较低屏幕宽度(例如320px)的(虚拟)设备中,并且似乎存在于Android 2.3和4中。在iPhone(4s,iOS6)和Blackberry(v7)中的相同页面没有出现问题。
Here's a CodePen example以及相同代码的single file version,以便于在移动设备上查看
有没有人见过这个?这是一个功能吗?一个错误 - 无论是在Android中还是在我的代码中?
答案 0 :(得分:0)
您是否尝试过对其应用reset.css?这似乎是一个android webkit问题。
此外,尝试使用40px区域作为点击按钮。
答案 1 :(得分:0)
我建议使用meyerweb.com提供的reset.css样式表。它删除了(几乎)所有浏览器应用的样式,但是你可能会发现你需要重新编写大量的css,并在<h1>
标签中加入很多东西。