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