順序付けられていないリストを使用して単純なhtmlメニューを作成しており、リンクをクリックするたびにgooglechromeブラウザが拡大鏡を表示しないようにしています。
ブラウザはli
、ユーザーが正確にクリックするには、が互いに近すぎると見なします。しかし、私は同意しません!
li
要素に大きなパディングを設定する以外に、この動作を無効化/キャンセル/防止するにはどうすればよいですか?方法さえありますか?
順序付けられていないリストを使用して単純なhtmlメニューを作成しており、リンクをクリックするたびにgooglechromeブラウザが拡大鏡を表示しないようにしています。
ブラウザはli
、ユーザーが正確にクリックするには、が互いに近すぎると見なします。しかし、私は同意しません!
li
要素に大きなパディングを設定する以外に、この動作を無効化/キャンセル/防止するにはどうすればよいですか?方法さえありますか?
私は方法を見つけたと思います、そしてそれはとてもばかげているので、どうしてもっと早くそれを考えなかったのかわかりません...
メタ タグを変更viewport
してページのズームを無効にするだけで、拡大鏡機能が煩わされることはもうありません。
すなわち
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no" />
これをGalaxy NexusとGalaxy Noteでテストして成功しました。その他の入力やフィードバックは大歓迎です!
[編集]
モバイル UX で多くの実験を行った結果、次のことをお勧めします... より大きなボタンをデザインする!
これは Android Chrome ブラウザーの機能であるため、これを無効にする方法はないと思います。
残念ながら、Android Chrome ブラウザーのソース コードは (まだ) オープン ソースではないため、見ることができません。
ここでバグを報告すると役立つ場合があります: new.mcrbug.com
このCSS宣言で動作するようです:
-webkit-touch-callout:none;