安卓是否在提交按钮周围添加额外的活动区域



Android似乎正在增加我正在处理的HTML表单上提交按钮的可点击区域。就好像提交按钮右侧有大约 25 个像素也可以点击。这是有问题的,因为在我的设计中,提交按钮的右侧是一个绑定了事件处理程序的<A>元素。点击<A>通常会提交表单,而不是触发事件处理程序。我的大部分测试都是在Browerstack中进行的,还有一些是在真实的硬件上进行的。该问题出现在屏幕宽度较低(例如 320px)的(虚拟)设备中,并且在 Android 2.3 和 4 中似乎存在。iPhone(4s,iOS6)和黑莓(v7)中的相同页面不会出现此问题。

下面是一个 CodePen 示例,以及相同代码的单个文件版本,以便于在移动设备上查看

其他人见过吗?这是一个功能吗?一个错误 - 在安卓还是在我的代码中?

您是否尝试过对其应用重置.css?这似乎是一个安卓网络工具包问题。

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

我建议使用 meyerweb.com 提供的重置.css样式表。它删除了(几乎)浏览器将应用的所有样式,但您可能会发现您需要重新设计大量 css 并在其中放置很多内容,例如 <h1> 标签。

CSS

工具:重置 CSS

最新更新