2

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

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

有没有其他人看过这个？它是一个功能吗？一个错误 - 无论是在 Android 中还是在我的代码中？

4

2 回答 2

0

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

此外，尝试使用 40 像素的区域作为点击按钮。

于 2012-12-04T15:45:49.280 回答
0

我推荐使用 meyerweb.com 提供的 reset.css 样式表。它（几乎）删除了浏览器将应用的所有样式，但您可能会发现您需要重做大量 css 并在<h1>标签等中添加很多东西。

CSS 工具：重置 CSS

于 2012-12-04T15:47:24.973 回答