android会在提交按钮周围添加额外的活动区域吗?

时间:2012-12-04 15:30:40

标签: android html css usability tap

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中还是在我的代码中?

2 个答案:

答案 0 :(得分:0)

您是否尝试过对其应用reset.css?这似乎是一个android webkit问题。

此外,尝试使用40px区域作为点击按钮。

答案 1 :(得分:0)

我建议使用meyerweb.com提供的reset.css样式表。它删除了(几乎)所有浏览器应用的样式,但是你可能会发现你需要重新编写大量的css,并在<h1>标签中加入很多东西。

CSS Tools: Reset CSS