2

Android は、私が取り組んでいる HTML フォームの送信ボタンのクリック可能な領域を増やしているようです。送信ボタンの右側に約 25 ピクセルあり、タップも可能です。<A>私のデザインでは、送信ボタンの右側にイベント ハンドラーがバインドされた要素があるため、これは問題です。<A>イベント ハンドラーを起動する代わりに、頻繁にフォームを送信するをタップします。私はほとんどのテストをブラウザスタックで行い、一部は実際のハードウェアで行っています。この問題は、画面幅が狭い (320px などの) (仮想) デバイスで発生し、Android 2.3 および 4 で発生するようです。iPhone (4s、iOS6) および Blackberry (v7) の同じページでは問題は発生しません。

CodePen の例と、モバイルで見やすいように同じコードの単一ファイル バージョンを次に示します。

他の誰かがこれを見たことがありますか？それは機能ですか？バグ - Android または私のコードのどちらか?

4

2 に答える 2

0

それにreset.cssを適用しようとしましたか？Android Webkitの問題のようです。

また、タップ ボタンには 40px の領域を使用するようにしてください。

于 2012-12-04T15:45:49.280 に答える
0

meyerweb.com が提供する reset.css スタイルシートを使用することをお勧めします。<h1>ブラウザーが適用するすべてのスタイルを (ほぼ) 削除しますが、多くの CSS を作り直し、タグなどに多くのものを配置する必要がある場合があります。

CSS ツール: CSS のリセット

于 2012-12-04T15:47:24.973 に答える