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

Question

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

这是一个CodePen示例 ，以及同一代码的单个文件版本 ，以方便在移动设备上查看

其他人看到了吗？ 这是功能吗？ 一个错误-在Android中还是在我的代码中？

Answer 1

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

另外，尝试将40px的区域用于水龙头按钮。

Answer 2

我建议使用meyerweb.com提供的reset.css样式表。 它删除了（几乎）浏览器将要应用的所有样式，但是您可能会发现需要重做大量的CSS并在<h1>标记中放入很多内容。

CSS工具：重置CSS